Drop down menu 更改具有相同.class名称的下拉列表

我有三个相同类名的下拉列表：

<select class="MyClass">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<select class="MyClass">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<select class="MyClass">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

一个
两个
三
一个
两个
三
一个
两个
三

我想根据选择的任何其他下拉列表更改这些下拉列表值。如果我从第二个下拉列表中选择选项二，我希望第一个和第三个下拉列表值为两个。无论我选择哪一个，所有这些下拉列表都应该更改值

---

谢谢。

您可以使用jQuery或普通JS，但我的示例包含jQuery，这将给您一个想法。请在中检查示例

该示例将更改事件绑定到三个选择器的类名：

$(".MyClass").change(function(){
    $(".MyClass").val($(this).val());
});

---

瞧，每个选择器都会被更改。

您可以使用jQuery或普通JS，但我的示例包含jQuery，这将给您一个想法。请在中检查示例

该示例将更改事件绑定到三个选择器的类名：

$(".MyClass").change(function(){
    $(".MyClass").val($(this).val());
});

瞧，每个选择器都被更改了。

类似于（使用jQuery）

类似的东西（使用jQuery）

---

要做到这一点，您需要JavaScript。下面是一个使用jQuery的代码示例：

$('.MyClass').on('change',function(){
    $('.MyClass').val( $(this).val() );
});

这将为change元素添加一个eventlistener，并将所有下拉列表更新为已更改的下拉列表的值

---

要做到这一点，您需要JavaScript。下面是一个使用jQuery的代码示例：

$('.MyClass').on('change',function(){
    $('.MyClass').val( $(this).val() );
});

这将为change元素添加一个eventlistener，并将所有下拉列表更新为已更改的下拉列表的值

---

谢谢。它与静态下拉菜单一起工作，但是我正在使用按钮单击动态创建第二个和第三个下拉菜单。上面的解决方案不会触发动态创建的下拉列表。有什么建议吗？请参考JaGo的答案，它应该会起作用

on

方法适用于动态添加的内容。它与静态下拉菜单一起工作，但是我正在使用按钮单击动态创建第二个和第三个下拉菜单。上面的解决方案不会触发动态创建的下拉列表。有什么建议吗？请参考JaGo的答案，它应该会起作用

on

方法可用于动态添加的内容