具有相同的.class名称变更的下拉列表中

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和更新所有下拉菜单来改变的一个值。

http://jsfiddle.net/CWP7Q/

Answer 2

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

的例子绑定change事件的三个​​选择的类名：

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

，瞧，每次选择得到改变。

Answer 3

服用点状（用jQuery）

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