当另一个选择框的值发生改变时，更改选择框的值。

27 浏览
0 Comments

当另一个选择框的值发生改变时，更改选择框的值。

我几天前开始学习jQuery，并且非常喜欢它。但现在我遇到了一个问题，无法独自解决。\n我有两个选择框：\n\n\n当设置为与其相同的值。\n我在这里阅读了一些关于选择框的问题here，但我需要将\"selected\"属性设置为具有相同值的选项。我该如何做？谢谢

0

1 答案

0 Comments

问题的出现原因是在第一个下拉框的选项改变时，希望第二个下拉框的值也随之改变。解决方法是使用jQuery的.val()方法来设置第二个下拉框的值与第一个下拉框的值相同。具体的代码如下：

$(function() { //run on document.ready
  $("#select1").change(function() { //this occurs when select 1 changes
    $("#select2").val($(this).val());
  });
});

上述代码将会将第二个下拉框（id为"select2"）的值设置为与第一个下拉框（id为"select1"）相同的值。.val()方法会选择具有对应值的

这个解决方法在这个示例中有演示。

其中，有一个人提出了代码需要放在.ready()事件处理函数中以及.onchange()事件处理函数中的建议，因为提问者可能是一个初学者，这样做更加保险。

另外，还有一个人提出了一个优化的建议，可以避免再次使用$选择第一个下拉框，可以直接使用this.value来设置第二个下拉框的值。

最后，有人表示对这个解决方法非常满意，因为它正好满足了他的需求，并表达了对stackoverflow的喜爱。

0