bootstrap duallistbox上移下移

Question

我有boostrap duallistbox，我想添加上移或下移選定值的選項。

有人可以幫助我這個。

感謝

Answer 1

請參見本文的設置部分中引用moveOnSelect選項：

「真：該選項上選擇自動移到此設置強制在觸摸設備上「。

「false：所選選項可以通過按鈕移動。」

Answer 2

您可以向上和向下添加兩個按鈕。添加具有兩個集合的點擊處理程序：其中一個包含select中的所有選項，另一個僅包含選定的選項。

function MoveDown(dualListbox) { 
     var selectedItems = dualListbox.elements.box2.find(':selected'); 

     for (var i = selectedItems.length - 1; i > -1; i--) 
     { 
      var allItems = dualListbox.elements.box2.find('option'); 
      var selectedItem = $(selectedItems[i]); 
      var selectedIndex = selectedItem.index(); 
      selectedItem.insertAfter(allItems[selectedIndex + 1]); 
     } 
    } 

注意，當你會寫上移處理程序，則應該從所有選項集合的起點開始和前一個選項