Question

所以我在发送动态生成的textareas的值时遇到问题，并且已经应用了summernote。

这是一个重现问题的链接： http://jsfiddle.net/jk6pjnt7/1/

所以基本上，当我点击“添加Step-textarea”时，我试图动态添加一个新的textarea，因为我不知道用户需要多少“步”。问题是，当我提交表格时，我不会得到新的textarea的价值。他们将有一个空白值。

如果我这样做，并且我从该过程中移除了summernote插件，一切正常。

我有这个小小的coed阻止表单提交，并将显示在控制台中提交的内容，因此您可能需要打开您的devtools以查看调试信息。

 $('form').submit(function () {
    //console.log($(this));
    console.info($('form').serializeArray())
    return false;

 });

Answer 1

由于DOM正在动态更改，我们无法观看＆＃39;这些新元素的典型方式。在jquery中我们使用的是委托，特别是jQuery.fn.on。我们从动态变化的容器（在这种情况下，是<form>）冒泡到一个将存在且保证不会改变的元素。特别是在这种特定情况下，我的第$(next_input).val('');行更改为$(next_input).html('');，因为我们正在处理委派的textarea，其工作方式与输入框略有不同他们采取数据的方式。

以下是固定代码：http://jsfiddle.net/jk6pjnt7/3/

summernote在动态注入时保存textarea值的问题

1 个答案: