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

前端之家收集整理的这篇文章主要介绍了jquery – 更改选择另一个选择的更改值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
几天前我开始学习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改变时,我需要用#select1设置#select2相同的值

我有一些关于选择标签here的问题,但是我需要将“selected”属性设置为该选项,它具有相同的值.我该怎么做?

谢谢

解决方法

要设置值,请使用 .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>中具有相应的值,也取消选择先前的选择.您使用不带参数的.val()获取当前所选的< option>的值.

猜你在找的jQuery相关文章