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

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

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

当我将值为8的second SELECT更改为值1时，我需要更改1。四,。选择并将其值更改为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');
    }

  });

  });   
});

---

非常感谢，但有一个问题。。您的代码正在更改所有选择，但我只需要更改具有相同值的选择。请提供您的HTML以获得更好的结果，当我将18mm更改为3mm时，所有18mm选择都将更改，没有10mm和3mm。如果上述代码适合您的需要，请接受作为答案。您好，仍然存在此问题。当我更改值为10mm的选择输入时，我只需要更改值为10mm的选择输入。您的代码仍在更改所有Select输入。html中的选定属性仅用于第一次加载页面。如果第页上有50个选择输入，用户选择25个输入值8mm，然后他将其更改为10mm，则仅此25个选择值会更改，其中8mm值。此问题不提供任何已尝试的代码，并期望其他人解决此问题（即为我这样做）

$(".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');
    }

  });

  });   
});