具有相同的.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()); 
});