jquery更改选择下拉列表值

我试图通过从下拉菜单中选择某个选项来使用jqquery更改下拉选择菜单

例如：

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

选择3
选择4
备选案文5

另一个下拉列表：

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

1.
3.
5.
7.

假设有人选择选项4，则另一个下拉列表将动态更改其值，表示：

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

23
5.
12

---

每个选项都将更改“轮次”菜单，用户可以在选项之间切换。不管怎样，你想这么做吗？有在线演示吗？

我希望这就是您要查看的链接

---

当您需要移除所有OTPIN时，请按如下所示进行更改

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

如果条件允许，请根据需要逐个添加项目

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

  }); 
}); 

var-opt；
如果（val==4）
{
选择={
val1:'text1'，
val2:'text2'
};
}
如果（val==1）
{
选择={
val1:'text3'，
val2:'text4'
};
}
$。每个（选项、函数（val、文本）{
$（“[name='rounds']”）。追加(
$（''）.val（val）.html（文本）
);
});
}); 
});