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

时间:2013-09-03 13:28:47

标签: jquery jquery-ui-sortable

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

根据以下内容,隐藏输入的值为 [object HTMLOListElement]

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

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

1 个答案:

答案 0 :(得分: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);
    }
});

希望这有帮助,谢谢