jquery更改選擇下拉列表

Question

我想通過從下拉菜單中選擇某個選項來更改jqquery的下拉選擇菜單。

實施例：

<select name="options"> 
    <option value='3'>Option 3</option> 
    <option value='5'>Option 4</option> 
    <option value='7'>Option 5</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> 

說有人選擇選項4，則其它下拉菜單會動態地改變其值，以說：

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

每個選項將更改輪次菜單，用戶可以在選項之間切換。無論如何要做到這一點？有線上演示嗎？

Answer 1

我希望這是你在找什麼結賬鏈接

http://api.jquery.com/val/#val

Answer 2

上的更改，當您需要刪除所有otpins東西如下

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

比如果conditon添加項目一個一個按你的需要

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) 
     ); 
    }); 

    }); 
});