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

    }); 
});