我有 2 个选择框。我想根据第一个框中选择的选项操作另一个框。
<select name="abc" id="abc">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
和第二个选择框
<select name="xyz" id="xyz">
<option value="1">X</option>
<option value="2">Y</option>
<option value="3">Z</option>
</select>
<br>
现在我想要的是,当页面加载时,如果我选择选项 1,即 A,第二个复选框应自动设置为选项 3,即 Z,反之亦然。如果我在第一个选择框中选择选项 2 即 B,则第二个选择框应显示选项 1 即 X,反之亦然,依此类推。使用什么 jquery 函数?
最佳答案
您可以使用 change()
来做类似这样的事情 事件处理器
var $select = $('#abc,#xyz');
$select.change(function() {
$select.val(this.value);
}).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="abc" id="abc">
<option value="1">A</option>
<option value="2">B</option>
<option value="3">C</option>
</select>
<select name="xyz" id="xyz">
<option value="2">X</option>
<option value="3">Y</option>
<option value="1">Z</option>
</select>
关于javascript - 基于其他选择选项框使用 jquery 选择选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29558640/