Question

最后的以下函数获取列表的内容并将序列化结果输出到pre标记中。但是如何将序列化数据直接写入下面表格中的隐藏输入字段？我完全不知道如何做到这一点。为了更好地查看，您可以在这里找到小提琴：http://fiddle.jshell.net/3FMX6/ 在此先感谢您的帮助。

<ol class="simple_with_animation vertical">

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
    </ol>
    <ol id="sortable-list" class="simple_with_animation vertical">
      <li class="highlight">Item 1</li>
        <li class="highlight">Item 2</li>
        <li class="highlight">Item 3</li>
        <li class="highlight">Item 4</li>
        <li class="highlight">Item 5</li>
        <li class="highlight">Item 6</li>
    </ol>

<pre id="serialize_output"></pre>

<form role="form">
  <input id="subjects" type="hidden" name="subjects" value="" />
  <button type="submit" class="btn btn-default">Submit</button>
</form>

<script>
$(function  () {
  var group = $("ol.simple_with_animation").sortable({
    group: 'simple_with_animation',
    onDrop: function (item, container, _super) {
    $('#serialize_output').text($('#sortable-list').sortable("serialize").get().join("\n"))
    _super(item, container)
  },
  serialize: function (parent, children, isContainer) {
    return isContainer ? children.join() : parent.text()
  },
})
});
</script>

将序列化内容写入输入字段

0 个答案: