php - 根据索引更改选择框

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);
    });

});

如果我选择“英国”，它将选择“a”，如果“美国”，则选择“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