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

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>

当#select2更改

时，我需要将#select1与#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>的值。