更改选择将更改具有相同先前值的另一个SELECT

时间:2014-08-23 08:24:34

标签: javascript jquery forms

我的代码需要帮助。我有很多选择输入

<select title="" name="width[]">
<option value="8">3mm</option>
<option value="1">10mm</option>
<option selected="" value="4">18mm</option>
</select>

当我更改其中一个时,我需要更改所有选择中值相同的值。

例如

1. select with value 8
2. select with value 8
3. select with value 4
4. select with value 8
5. select with value 4

当我将值为8的第二个SELECT更改为值1时,我需要更改1.和4. SELECT并将其值更改为1.

非常感谢

1 个答案:

答案 0 :(得分:1)

$(".ddl").change(function() {  
var ddl1=$(this);   
$('select[id^=begin_]').each(function(){
    var DDLId=$(this).attr('id');
    $('#' + DDLId + ' option').each(function(){              

    if ($(this).val() == ddl1.val()) 
    {               
        $(this).val(ddl1.val()).attr('selected','selected');
    }

  });

  });   
});

Live Demo