Javascript 根据jQuery中的列表顺序更改输入值

Javascript 根据jQuery中的列表顺序更改输入值,javascript,jquery,events,jquery-ui-sortable,Javascript,Jquery,Events,Jquery Ui Sortable,昨天我问了一个问题,我意识到这个问题没有多大意义,所以我希望现在能让问题简单多了 我有一份无序的名单 我需要的是,在移动列表项时,该值始终保持顺序1、2、3、4等。因此,即使项目2移到顶部,该值也将变为1 我尝试过各种方法,但似乎都不管用://试试这个 var sort = $('#itemlist').find('input'); sort.each(function(){ var index = $(this).index(); $(this).val((index + 1)

昨天我问了一个问题,我意识到这个问题没有多大意义,所以我希望现在能让问题简单多了

我有一份无序的名单

我需要的是,在移动列表项时,该值始终保持顺序1、2、3、4等。因此,即使项目2移到顶部,该值也将变为1

我尝试过各种方法,但似乎都不管用://

试试这个

var sort = $('#itemlist').find('input');
sort.each(function(){
    var index = $(this).index();
    $(this).val((index + 1));
});
试试这个

var sort = $('#itemlist').find('input');
sort.each(function(){
    var index = $(this).index();
    $(this).val((index + 1));
});
像这样的

$("#itemlist").sortable({
    stop: function(event, ui){
        var cnt = 1;
        $(this).children('li').each(function(){
            $(this).children('input').val("slide["+cnt+"]");
            cnt++;
        });
    }
});

像这样的东西

$("#itemlist").sortable({
    stop: function(event, ui){
        var cnt = 1;
        $(this).children('li').each(function(){
            $(this).children('input').val("slide["+cnt+"]");
            cnt++;
        });
    }
});

当你拖动你的演示时,顺序没有设置,一直跳回原位?@DamianSmith不,它改变了文本。但我已经更新了小提琴,我想这是你想要的。当你拖动你的演示时,顺序没有设定,一直跳回原位?@DamianSmith不,它改变了文本。但我已经更新了提琴,我想这是你想要的。值没有改变,我已经将输入设置为文本,以观察任何变化,但什么都没有/值未更改,我已将输入设置为文本,以监视任何更改,但无任何更改:/