如何实现多个选择列表并存储在jQuery中的另一个选择列表中？

Question

有人可以帮我吗？我不知道它叫什么，所以我画了一张照片。我知道你可以理解这是如何工作的，只是想知道它叫什么以及它如何在jQuery中实现？ 谢谢你们。

Answer 1

Soloution很简单。

你的HTML可能是这样的

 <select name="possible" class="possible" multiple> 
      <option value="one">One</option> 
      <option value="two">Two</option> 
     </select> 

     <select name="wishlist" class="wishlist" multiple> 
     </select> 

     <input type="button" value="Add to wishlist" onclick="MyMoveItem();"> 
     <input type="button" value="Remove from wishlist" onclick="RemoveItem();"> 

而且你的JS

function MyMoveItem() 
{ 
    var selected = $('.possible option:selected'); 
    selected.appendTo('.wishlist'); 
} 


function RemoveItem() 
{ 
    var selected = $('.wishlist option:selected'); 
    selected.appendTo('.possible'); 
} 

Answer 2

想你想的onclick除去第一组和设置新的组/事件或W.E.尝试在每个列表项上设置Data-page =“”属性，并通过jquery删除（）/ add（）子项。如果没有，请详细解释..