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

Question

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

<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

当我将第二个 SELECT 的值 8 更改为值 1 时，我需要更改 1. 和 4. SELECT 并将它们的值更改为 1。

非常感谢

Answer 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