如何将可排序顺序传递给 jQuery 中的隐藏字段？

Question

我正在尝试使用以下代码将可排序列表的值传递给隐藏字段，但没有成功：

<script>
   $(document).ready(function(){

  $(function() {
    $( "#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable"
    }).disableSelection();
  });

  var idsInOrder = [];

  $("#form_quest").submit(function(){
    $("ul#sortable2 li.card").each(function() { idsInOrder.push($(this).attr('title')); });

    $("#sort_order").val(idsInOrder);
  });  
});
</script>

html 隐藏字段：

<input type="hidden" name="sort_order" id="sort_order" value=""/>

我做错了什么？

提前致谢。

Answer 1

要获得您所在领域的title1,title2,title3：

$("#sort_order").val(idsInOrder.join(','));

Answer 2

不要在表单提交上做，而是做 when the order has been updated

示例：http://jsfiddle.net/4zxLkfv6/5/

var idsInOrder = [];
$('.sortable').sortable({
  update: function( event, ui ) {
      idsInOrder = [];
      $('.sortable li').each(function() {
          idsInOrder.push($(this).attr('id'));
      });
      $('#sort_order').val(idsInOrder);
  }
});