更改选择另一个选择的值 onchange

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) 选择在<select> 中具有对应值的<option>，同时取消选择之前的选择。您使用不带参数的.val() 来获取当前选定的<option> 的值。