jquery - 更改选择另一个选择的更改值

Question

前几天开始学习jquery，非常喜欢。但现在我遇到了一个问题，无法单独解决。

我有两个选择

<select id="select1">
  <option value="1">1day</option>
  <option value="2">2day</option>
  <option value="3">3day</option>
</select>

<select id="select2">
  <option value="1">1day</option>
  <option value="2">2day</option>
  <option value="3">3day</option>
</select>

当#select1更改时，我需要将#select2设置为与#select1相同的值

我已经红色了有关选择标签的一些问题here ，但我需要为该选项设置“selected”属性，它们具有相同的值。我该怎么做？

谢谢

Answer 1

要设置该值，请使用 .val() 像这样:

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

You can see a working demo here

这将设置 <select id="select2">与另一个具有相同的值。 .val(vale) 选择<option> <select> 中具有相应的值，同时取消选择之前的选择。您使用 .val() 不带参数获取当前选择的<option>的值。