Jquery 替换其他选择框的选择选项列表值 一个 两个 三 四 五 一个 两个 三 四 五 一个 两个 三 四 五 一个 两个 三 四 五 一个 两个 三 四 五 一个 两个 三 四 五

在该代码中，当我在第一个选项中选择2时，之前选择1的所有选项值应替换为1

HTML

<ul>
   <li>
      <select class="main">
         <option value="1" selected>One</option>
         <option value="2">Two</option>
         <option value="3">Three</option>
         <option value="4">Four</option>
         <option value="5">Five</option>
      </select>
   </li>
   <li>
      <select >
         <option value="1">One</option>
         <option value="2">Two</option>
         <option value="3">Three</option>
         <option value="4">Four</option>
         <option value="5">Five</option>
      </select>
   </li>
   <li>
      <select >
         <option value="1">One</option>
         <option value="2" selected >Two</option>
         <option
            value="3">Three</option>
         <option value="4">Four</option>
         <option
            value="5">Five</option>
      </select>
   </li>
</ul>
<li>
   <select class="main">
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
      <option value="5">Five</option>
   </select>
</li>
<li>
   <select >
      <option value="1">One</option>
      <option value="2">Two</option>
      <option value="3">Three</option>
      <option value="4">Four</option>
      <option value="5">Five</option>
   </select>
</li>
<li>
   <select >
      <option value="1">One</option>
      <option value="2" selected >Two</option>
      <option
         value="3">Three</option>
      <option value="4">Four</option>
      <option
         value="5">Five</option>
   </select>
</li>
</ul>

---

你尝试了什么？欢迎来到SO。请提供一个最小、完整且可验证的示例。向我们展示您最近一次尝试的代码以及您被卡住的地方。并解释为什么结果不是你所期望的。编辑您的问题以包含代码，请不要将其添加到注释中，因为它可能无法阅读。最好是展示实际发生的事情，而不是描述你期望发生的事情。

<select id="main">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<select id="child">
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

$('#main').change(function() {
    $('#child').val(this.value)
})

$('.main').change(function(){
    var _choosed = $(this).find(':selected').val();
    if (_choosed == '2'){
        $(this).parent().parent().find('select:not(.main) option[value="1"]').prop('selected', true)
;
    }
});