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

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

我在这里红了一些关于select标签的问题,但是我需要为该选项设置"selected"属性,它具有相同的值.我该怎么做？

谢谢

Answer 1

设置值使用.val()如下:

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

你可以在这里看到一个有效的演示

这将设置<select id="select2">为与另一个具有相同的值. .val(vale)选择<option>具有相应值的<select>,也取消选择前一个选择.您可以使用.val()不带参数来获取当前选定<option>的值.