在表单输入中获取可排序列表的顺序

Question

我正在使用HTML5 Sortable 对项目的有序列表进行排序，当进行更改时，我想在隐藏的表单输入中捕获该顺序。

根据我下面的内容，隐藏输入的值是 [object HTMLOListElement]。

我需要做什么才能将其转换为列表项的值？

$('.sortable').sortable().bind('sortupdate', function() {
    var order = $('.sortable').toArray();
    $('#statements').val(order.join(','));
});

Answer 1

试试这个

$(".sortable").sortable({
    stop: function(event, ui) {
        var data = "";

        $(".sortable").each(function(i, el){
            var ord = $(el).text();
            data += ord+"="+$(el).index()+",";
        });

        $('#statements').val(data);
    }
});

希望对你有帮助，谢谢