2012-04-03 9 views
1

ドロップダウンメニューから特定のオプションを選択して、jqqueryでドロップダウンメニューを変更しようとしています。jquery select dropdown valuesを変更する

例:

<select name="options"> 
    <option value='3'>Option 3</option> 
    <option value='5'>Option 4</option> 
    <option value='7'>Option 5</option> 
</select> 

他のドロップダウン:

<select class='button' name="rounds"> 
    <option value='23'>23</option> 
    <option value='5'>5</option> 
    <option value='12'>12</option> 
</select> 

それぞれを:

<select name="rounds"> 
    <option value='1'>1</option> 
    <option value='3'>3</option> 
    <option value='5'>5</option> 
    <option value='7'>7</option> 
</select> 

は、誰かが言って、その後、他のドロップダウンがdynamiclyその値を変更しますオプション4を選択したと言いますオプションはラウンドメニューを変更し、ユーザーはオプション間を切り替えることができます。とにかくこれをするには?デモはオンラインですか?私はこのことを願っています

答えて

2

あなたはconditonの項目を追加する場合に比べて

$("[name='options']").change(function() 
    { 
     val = $(this).val(); 
     $("[name='rounds'] >option").remove(); 

以下のようにすべてのotpins何かを削除する必要が探しているものですあなた1人ひとりずつ必要です

var opt ; 
if(val == 4) 
{ 
    opt = { 
     val1 : 'text1', 
     val2 : 'text2' 
    }; 
} 
if(val ==1) 
{ 
      opt = { 
     val1 : 'text3', 
     val2 : 'text4' 
    }; 
} 
    $.each(opt, function(val, text) { 
     $("[name='rounds']").append(
      $('<option></option>').val(val).html(text) 
     ); 
    }); 

    }); 
}); 
関連する問題