jQuery技术:如何将可排序顺序传递给jQuery中的隐藏字段?

我正在尝试使用下面的代码将可排序列表的值传递给隐藏字段,但没有运气:

 $(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); }); });  

html隐藏字段:

  

我究竟做错了什么?

提前致谢。

    而不是在表单提交上执行,而是在订单更新时执行

    示例: 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); } }); 

    要在您的字段中获取title1,title2,title3:

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

      以上就是jQuery教程分享如何将可排序顺序传递给jQuery中的隐藏字段?相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      www.ctvol.com true Article jQuery技术:如何将可排序顺序传递给jQuery中的隐藏字段?

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/524379.html

      (0)
      上一篇 2020年12月11日 下午8:22
      下一篇 2020年12月11日 下午8:22

      精彩推荐