Jquery 将选定属性添加到多个选择列表

我有一个页面，其中有多个同一类的选择列表。 其中一个选择列表的值和选项与其他列表相同

我想通过在列表中选择具有唯一ID的选项来更改具有相同类的列表的所有选定值

我将包括一个示例HTML代码

 <select id="selectall">
 <option value="volvo">Volvo</option>
 <option value="saab">Saab</option>
 <option value="mercedes">Mercedes</option>
 <option value="audi">Audi</option>
 </select> 

<select class="single">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select> 

<select class="single">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select> 

<select class="single">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select> 

沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪

因此，我想如果有人在selectall类中选择了Audi，它会动态地将所有单个类中的选定值更改为Audi

---

我非常感谢您提供的任何帮助

您可以收听

#selectall

元素的

更改

事件，然后使用属性选择器根据所选值选择其他

选项

元素：

---

您也可以只更改每个元素的值：

---

---

但是，您应该使用第一种方法，因为

select.single

元素可能与

#selectall

元素的值不同。请参见演示问题。

您可以为selectAll select创建更改处理程序。获取当前选定的值，并使用

.val（）

为rest设置相同的值：

您还可以通过设置属性

selected

，设置选项selected：

$('#selectall').change( function () {
   $("select.single option[value='" + this.value + "']").prop('selected', true);
});

$（'selectall'）。在（'change'，function（）上{
$（'.single'）.val（$（this.val（））；
});

沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
沃尔沃汽车
萨博
梅赛德斯
奥迪
您忘记发布您尝试的jQuery。OP已经发布了标记，并且值相同。你为什么说价值观可能不同？@MilindAnantwar I说价值观可能不同。这有什么难理解的？你应该防御性地编程。既然你在这里，为什么你要在我后面贴同样的东西来复制我的答案？哦，真的。。。这场比赛是你开始的。在我发布第二部分后，你发布了它。如果你没记错的话…@67Stefano:很高兴它能帮上忙：）
$('#selectall').on('change', function () {
    $('select.single').val(this.value);
});

 $('#selectall').change(function(){
   $('select.single').val($(this).val());
 });

$('#selectall').change( function () {
   $("select.single option[value='" + this.value + "']").prop('selected', true);
});