jquery-ui连接列表将输出附加到textarea

时间:2014-09-10 15:00:51

标签: jquery jquery-ui

因此,当谈到jQuery时,我真的不知道自己在做什么,并将这个脚本拼凑在一起。我想要做的是有三个连接的jquery-ui列表,它们可以工作,然后分别捕获每个列表的内容。我实际上只需要#sortableEquipmentDay和#sortableEquipmentNight。但是,如果你看一下我所包含的jsFiddle,你会发现移动到列表中的项目会给出一些随机输出,而不是我正在寻找的两个列表中的id。

此外.append似乎不会清除旧数据,只是添加到文本区域内的文本。

任何帮助都会很棒!

javaScript:
    $(function() {
        var lists = $( "#EquipmentPool, #sortableEquipmentDay, #sortableEquipmentNight" ).sortable({
            connectWith: 'ul.droptrue',

    update: function() {
            lists.each(function(){

        var DayShift = $("#sortableEquipmentDay").sortable("toArray");
        var Nightshift = $("#sortableEquipmentNight").sortable("toArray");

            $("#out1").append( DayShift.join(','));
            $("#out2").append( Nightshift.join(','));        

            });

        }

    }).disableSelection();
}); 

http://jsfiddle.net/EsnLs/84/

1 个答案:

答案 0 :(得分:1)

使用:

$("#out1").val( DayShift.join(','));
$("#out2").val( Nightshift.join(','));