Javascript 使用基于其他选择选项框的jquery选择选项

我有两个选择框。我想根据在第一个框中选择的选项操纵另一个框

和第二个选择框

<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函数？

您可以使用事件处理程序执行类似的操作

var$select=$'abc，xyz'； $select.changefunction{ $select.valthis.value； }.改变； A. B C X Y Z

---

为什么不能使用“选定属性”选择默认文本？之后，您可以在选择字段上编写change listener，以实现所需的功能。从两个选择框中选择选项是否有任何规则？尝试使用：Thank@QArea非常有效！非常感谢。但它选择的是类似的价值要素。如果我选择了A，我想要的是Z而不是X。怎么做。对于B=X和C=Yoh，对不起，我会修复它。我可以更改value@VivekPadhye当前位置立即查看谢谢你的技巧。我不明白你所说的改变价值是什么意思，但现在我明白了。但就我的信息而言，有没有其他方法不需要改变匹配的值？比如if else语句之类的？

<select name="xyz" id="xyz">
  <option value="1">X</option>
  <option value="2">Y</option>
  <option value="3">Z</option>
</select>
<br>