textarea标签使用js的clone克隆后不能输入内容

Question

textarea标签使用js的clone克隆后不能输入内容
使用的框架是layui

可以正常输入的textarea

不能正常输入的textarea,还有单选框,下拉框都不能使用, 只有普通的input是可以正常输入的,

代码
下面这是代码, 就是点击按钮将clone的元素append到 newModel元素

Answer 1

textarea 是不支持加粗等操作的。所以你 clone 的应该是一个富文本编辑器。

下拉框应该也是通过 div 模拟的。

这些一般都依赖于 js 事件，所以不能单纯的 clone，需要重新初始化。类似于 Vue 的组件，你单纯的 clone dom 是没有效果的。