Question

我有三个同名课程的下拉列表：

<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>

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

感谢。

Answer 1

您需要使用JavaScript才能执行此操作。这是一个使用jQuery的代码示例：

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

这将为更改元素添加一个EventListeneer，并将所有DropDowns更新为更改后的值。

http://jsfiddle.net/CWP7Q/

Answer 2

你可以使用jQuery或普通的JS，但我的例子包含Jquery，它会给你一个想法。请查看Jsfiddle中的示例。

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

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

和Voila，每个选择器都会改变。

Answer 3

像（使用jQuery）

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

使用相同的.class名称更改下拉列表

3 个答案: