操作ページロード時に複数のリスト設定を選択

Question

私はシャトルとして設定しようとしている以下の2つの選択（複数のリスト）を持っています。それが次に私の「割り当てられたリスト」である右の選択リストに移されます。 jQueryのを使用することにより

<select multiple="multiple" name="avail_list" size="7" style="width:250px;" id="AVAILABLE_LIST"> 
    <option value="A">A1</option> 
    <option value="B">B1</option> 
    <option value="C">C1</option> 
    <option value="D">D1</option> 
    <option value="E">E1</option> 
    <option value="F">F1</option> 
</select> 

<select multiple="multiple" name="assign_list" size="7" style="width:250px;" id="ASSIGNED_LIST"> 
    <option value="D">D1</option> 
    <option value="E">E1</option> 
    <option value="F">F1</option> 
</select> 

どのように私はおそらくAVAILABLE_LISTから取り除くことができ、選択してASSIGNED_LISTに今あるされているオプションは次のように

HTMLコードはありますか？

私はオプション値（AVAILABLE_LISTからASSIGNED_LISTを引いたもの）だけをどのように実行する必要があります。

だから、上記に基づいて、AVAILABLE_LISTは次のようになります。

<select multiple="multiple" name="avail_list" size="7" style="width:250px;" id="AVAILABLE_LIST"> 
    <option value="A">A1</option> 
    <option value="B">B1</option> 
    <option value="C">C1</option> 
</select> 

を** NOTE：ちょうど自分自身を明確にする私のページに入るとき、私はすでに上記のデータを設定している、つまり、右側の「割り当てリスト」には既に値があります。

このページに2つの選択リストを表示すると、バックグラウンドで2つのセットの間でプログラムでマイナスを実行します。すでに選択されているため、人間との対話は必要ありません。

これが可能かどうか疑問です。

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

Answer 1

EDIT - はいあなたは、このフィドルで見ることができます：http://jsfiddle.net/57JUD/5/

は、このコードを試してください：あなたの援助のための

$('#ASSIGNED_LIST > option').each(function(index, element){ 
    var val= $(element).val(); 
    $('#AVAILABLE_LIST > option[value="'+val+'"]').remove(); 
}); 

Answer 2

これは何か？

フィドル：http://jsfiddle.net/5yt5a/

HTML：

<select id="avail_list" multiple="multiple" name="avail_list" size="7" style="width:250px;" id="AVAILABLE_LIST"> 
    <option value="A">A1</option> 
    <option value="B">B1</option> 
    <option value="C">C1</option> 
    <option value="D">D1</option> 
    <option value="E">E1</option> 
    <option value="F">F1</option> 
</select> 

<select id="assign_list" multiple="multiple" name="assign_list" size="7" style="width:250px;" id="ASSIGNED_LIST"> 
    <!-- 
    <option value="D">D1</option> 
    <option value="E">E1</option> 
    <option value="F">F1</option> 
    //--> 
</select> 

<br /> 
<button>MOVE >></button> 

jqueryの：

$("button").click(function() { 

    $("#avail_list option:selected").appendTo("#assign_list"); 

});