javascript - 如何将序列化数据传递到隐藏的 html 字段

Question

使用http://johnny.github.io/jquery-sortable/(请参阅:具有有限放置目标的连接列表)

这一行:

 onDrop: function (item, container, _super) {
   $('#serialize_output').text(group.sortable("serialize").get().join("\n"))
   _super(item, container)
 },

输出序列化数据:

Fourth Item,First Item,Second Item,Third Item

可以使用以下方式可视化:

<pre id="serialize_output">&nbsp;</pre>

我想输出到hidden input领域value field不是 <pre> 之间的文本和</pre> .

Answer 1

将 .text 更改为 .val

 onDrop: function (item, container, _super) {
   $('#serialize_output').val(group.sortable("serialize").get().join("\n"))
   _super(item, container)
 },

并添加隐藏字段:

 <input id="serialize_output" name="orderin" type="hidden" value="change_here">

已修复。