Question

我有两个选择框。如果我更改第一个选择框，它将更改第二个选择框的值。

   <p>First Name: 
  <select id="name-first">
    <option value="234">UK</option>
    <option value="15">US</option>
    <option value="12">France</option>
    <option value="927">U'K</option>
</select>
 </p>
   <p>Surname: 
   <select id="name-second">
    <option value="562">a</option>
    <option value="10">b</option>
    <option value="6">c</option>
    <option value="234">d</option>
    </select>
    </p>

  }  
   $(function(){

    $('#name-first').on('change',function(){
        $("#name-second option:contains('" + $("#name-first option:selected").index() + "')").prop('selected', true);
    });

});

如果我选择'uk'，它将选择'a'，If'US'然后'b'等。如果我选择第一个选择框，则第二个选择框将被更改。此选择基于索引或名称或ID。

Answer 1

使用eq()并设置

FIDDLE DEMO

$('#name-first').on('change',function(){
    var selIndex= $("#name-first option:selected").index();

    $("#name-second option").eq(selIndex).prop('selected', true);
});

Vice-versa demo

根据索引更改选择框

1 个答案: