Php 根据索引更改选择框

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

   <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
C
D

}  
$（函数（）{
$（'#name first'）。在（'change'，function（）上{
$（“#名称第二个选项：包含”（“+$”（“#名称第一个选项：选定”）.index（）+“）”）.prop（'selected'，true）；
});
});

如果我选择“英国”，它将选择“a”，如果选择“美国”，则选择“b”，等等。如果我选择第一个选择框，则第二个选择框将被更改。此选择基于索引、名称或id。

使用并设置它

---

对于

Ehm，问题是什么？那么问题是什么？什么是不起作用的？这些领域似乎都不相关。。。你到底是如何确定要选中哪个复选框的？我有一段代码与你的类似（在我的电脑中的某个地方），如果你选择另一个下拉列表（本例中为姓氏），那么另一个下拉列表也会相应地切换。给OP额外的功能是一种奖励；-）@弗雷德二世，谢谢。我在回答中更新了vise versa演示

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

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