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

在您需要删除所有选项时更改

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

而不是if条件根据需要逐个添加项目

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

  }); 
});

Answer 2

我希望这就是你要找的结帐链接

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

jquery更改选择下拉值

2 个答案: