Javascript Inputosaurus文本+；jqueryui可排序

我正在尝试与jQueryUISortable插件相结合，这样我就可以重新排序标签并按顺序提交它们

将sortable附加到InputSaurus列表很好，我可以移动标签。但我需要一些方法让inputosaurus发现它们已经移动了。如果我在移动标签后提交表单，它们只会按照原始顺序提交

下面是一个简单的演示，演示了我要完成的任务，我需要文本框来更新列表的值

html:

---

如果有人能帮我解决这个问题，你就是我的英雄

这可能会有帮助。试试这个

$(".inputosaurus-container").sortable({
    update: function( event, ui ) {
        var val="",obj=null;
        var cnt=$('.inputosaurus-container').children('li').length-2;
        while(cnt>0){
            if(cnt!=3){
                val+=',';
                val+=obj.next().find('span').text();
                obj=obj.next();
            }
            else{
                val+=$('.inputosaurus-container').children('li').first().find('span').text();
                obj=$('.inputosaurus-container').children('li').first();
            }
            cnt--;
        }
        $('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').val(val);
        alert($('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').val());
        $('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').inputosaurus();
    }
});

---

我不是100%确定

你为什么要用inputosaurus？它将支持可排序，但不会重新排序。InputSaurus在单独和重新排序中获取所有值，尽管排序，唯一的方法是编辑整个inputosaurus@GaneshGaxy我怎样才能做到这一点？在排序后重新命名inputosaurus，这将产生魔力，@GaneshGaxy这就是我在想如何做时遇到的困难，如何重新提交标签？关闭但仍然没有运气，标签将在表单提交或创建新标签时重置。好消息是，我刚刚找到了一个插件，它可以让这个功能开箱即用！因此，我不再需要尝试将此功能插入此功能中。谢谢你的努力@GaneshGaxy，我真的很感激。这是我找到的插件：嘿，对不起，你问我什么了，你让我用更改的值提醒输入，完成了，现在你的问题是什么。我的目标是能够以新的顺序提交一份带有标签的表格。使用inputosaurus，当您提交表单时，它将默认恢复到原始顺序，或者在重新排序一些表单后添加更多标记。

$('#tags').inputosaurus();
$(".inputosaurus-container").sortable({
    update: function( event, ui ) {
        alert( $('#tags').val() );
    }
});

$(".inputosaurus-container").sortable({
    update: function( event, ui ) {
        var val="",obj=null;
        var cnt=$('.inputosaurus-container').children('li').length-2;
        while(cnt>0){
            if(cnt!=3){
                val+=',';
                val+=obj.next().find('span').text();
                obj=obj.next();
            }
            else{
                val+=$('.inputosaurus-container').children('li').first().find('span').text();
                obj=$('.inputosaurus-container').children('li').first();
            }
            cnt--;
        }
        $('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').val(val);
        alert($('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').val());
        $('.inputosaurus-container').find('.inputosaurus-input-hidden').find('input').inputosaurus();
    }
});