javascript - 根据文本框中重新排列的无序列表获取值

Question

我想根据无序列表中列表项的顺序排列文本字段中的值。列表如下:-

<ul id="sort">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

我在上面提到的列表中使用 Jquery UI 的 sortable() 函数。我需要在文本框值中复制相同的排列:-

<input type="text" value="" />

例如 - 如果列表重新排列为 3,2,5,4,1，则文本框值应为 3,2,5,4,1 : -

<input type="text" value="3,2,5,4,1" />

提前致谢!

Answer 1

例如这样:

$('#sort').sortable({
    update: function(e, ui) {
        var val = $(this).children().map(function() {
            return $(this).text();
        }).get().join();
        $('#text').val(val);
    }
});

http://jsfiddle.net/wzsuH/1/