Inputosaurus Text + jQuery UI Sortable

Inputosaurus Text + jQuery UI Sortable

本文关键字：UI Sortable jQuery Text Inputosaurus      更新时间：2023-09-26

我正在尝试将inputosaurus文本与jquery-ui可排序插件相结合，以便我可以重新排序标签并按该顺序提交。

将sortable附加到inputosaurus列表上工作得很好，我可以移动标签。但我需要一些方法让输入龙发现它们移动了。如果我在移动标签之后提交表单，它们就会按照原始顺序提交。

下面是我想要完成的一个简单的演示，我需要文本框具有列表

的更新值html: 

<input type="text" id="tags" name="tags" value="foo,bar,baz">
javascript: 

$('#tags').inputosaurus();
$(".inputosaurus-container").sortable({
    update: function( event, ui ) {
        alert( $('#tags').val() );
    }
});
http://jsfiddle.net/75c45jtn/1/

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

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

$(".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();
    }
});

我不是百分百确定

相关文章：