リストボックスの項目を別のリストボックスに移動するには、jQueryを使用します。

Question

リストボックスの項目を別のリストボックスに移動します。私はこの場所を探して見つけました。

http://jsfiddle.net/bdMAF/1/

これはまさに私が欲しいです。しかし、私はリストボックスの項目を削除したい。出来ますか？必要があると私を助けてください。

ありがとうございました。

Answer 1

あなたは、2番目のリストから削除して最初のリストに戻ったとします。あなたの条件について具体的にこれはhttp://jsfiddle.net/bdMAF/38/

<div> 
    <h3>List A</h3> 
    <select id="list1" multiple="multiple" rows=2> 
     <option value=1>Option 1</option> 
     <option value=2>Option 2</option> 
     <option value=3>Option 3</option> 
     <option value=4>Option 4</option> 
    </select> 
    <br/> 
    <input id="button1" type="button" value="Move to List B" /> 
</div> 
<div> 
    <h3>List A</h3> 
    <select id="list2" multiple="multiple" rows=2>   
    </select> 
    <br/> 
    <input id="button2" type="button" value="Move to List A" /> 
</div> 

$(function(){ 
    $("#button1").click(function(){ 
     $("#list1 > option:selected").each(function(){ 
      $(this).remove().appendTo("#list2"); 
     }); 
    }); 

    $("#button2").click(function(){ 
     $("#list2 > option:selected").each(function(){ 
      $(this).remove().appendTo("#list1"); 
     }); 
    }); 
});​ 

Answer 2

なぜ

$(function(){ 
    $("#button2").click(function(){ 
     $("#list1 > option:selected").each(function(){ 
      $(this).remove(); 
     }); 
    }); 
});​