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]); 
     } 
    } 

注意，当你会写上移处理程序，则应该从所有选项集合的起点开始和前一个选项