jquery-ui連接列表追加輸出到textarea

所以我不知道我在做什麼，當涉及到jQuery，我拼湊在一起的腳本。我想要做的是有三個jquery-ui列表進行連接，這是可行的，然後分別捕獲每個列表的內容。我只需要#sortableEquipmentDay和#sortableEquipmentNight。但是，如果你看看我包含的jsFiddle，你會發現將項目移動到列表中會給出一些隨機輸出，而不是我要查找的兩個列表中的id。jquery-ui連接列表追加輸出到textarea

另外.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/

來源

2014-09-10 Owen

變化'append'到'val' http://jsfiddle.net/j08691/EsnLs/85/ – j08691 2014-09-10 15:04:26

DOH！謝謝芽 – Owen 2014-09-10 15:08:28

使用：

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

來源

2014-09-10 15:08:37

jquery-ui連接列表追加輸出到textarea

回答

相關問題