javascript - 根据特殊选择的选择选项选择多选的相关选项

Question

<select >
  <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>
<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>    
<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>

我有多个选择框，例如第一个选择框 1 已被选中，所以如果我将选项值 1 更改为 2，然后将所选值更改为 1，其中选择框 2 已被选中

我是这样的

function getval(sff,sel){
    var selectval=[];
    $("select > option:selected").each(function(e) {
        if(sel.value==this.value){
            alert(this.value);
            $(this).find('option[value="2"]').prop('selected', true); 
        }
    });  
}

Answer 1

您需要在主选择的更改事件监听器中选择select 标签的目标选项。因此选择selects的相关选项，并为其添加selected属性。

$(".main").change(function(e) {
  $(this).siblings("select").find("option[value='"+$(this).val()+"']").prop("selected", true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
<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>
<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>