jquery selectbox：最後のオプションが選択されている場合、他のドロップダウン値でリロードJquery Selectbox

Question

最後のオプションが新しい値で選択されている場合、jquery multiselectをどのように更新できますか？私は

<select id="positions"> 
    <option value="0">Programmer</option> 
    <option value="1">Tester</option> 
    <option value="2">Manager</option> 
    <option value="3">Admin</option> 
    <option value="4">Load all other</option>  
</select> 

ユーザーは「負荷に他のすべて」選択ボックスからオプションを選択した場合、私の選択ボックスで、以下のオプションを持っているよう 、この選択ボックスは異なる値で再初期化する必要があります。 または、1つの選択ボックスに2つのドロップドロップ値を太字で区切って入力することは可能です。

Answer 1

HTMLパート：

<select id="positions"> 
    <option value="0">Programmer</option> 
    <option value="1">Tester</option> 
    <option value="2">Manager</option> 
    <option value="3">Admin</option> 
    <option value="4">Load all other</option>  
</select> 

<select id="positions2"> 
    <option value="0">test1</option> 
    <option value="1">test2</option> 
    <option value="2">test3</option> 
    <option value="3">test4</option> 
    <option value="4">Load all other</option>  
</select> 

jQueryのパート：

$('#positions').change(function() { 
    if ($('#positions').val() == 4) { 
     var data = $('#positions2').html(); 
     $('#positions').html(data); 
    } 
}); 

ここではJsfiddle例です。

Answer 2

私はあなたが何を意味していると思いますか？これはトリックですか？

$('#positions').change(function() { 
    if ($('#positions').val() === '4') { 
     var newOptions = '<option value="0">Programmer</option>'; 
     newOptions += '<option value="1">Tester</option>'; 
     newOptions += '<option value="2">Manager</option>'; 
     newOptions += '<option value="3">Admin</option>'; 
     newOptions += '<option value="5">Helicopter Pilot</option>'; 
     newOptions += '<option value="6">Fireman</option>'; 
     newOptions += '<option value="7">President of the United States</option>'; 
     $('#positions').html(newOptions); 
    }   
});​ 

Answer 3

からの値で$（ '＃位置を'）をロードします他のselectBox

$('#positions').html($('#otherSelectBox').html()); 

しかし、同じユーザーが以前のチョイスを見たい場合はどうなりますか？私はあなただけの返信用

$('#positions').children('option').hide().end().append($('#otherSelectBox').html());