Javascript HTML中的两个下拉列表都相互依赖_Javascript_Java_Jquery_Html

Javascript HTML中的两个下拉列表都相互依赖

javascript java jquery html

Javascript HTML中的两个下拉列表都相互依赖,javascript,java,jquery,html,Javascript,Java,Jquery,Html,我的代码中有两个下拉列表，分别是员工姓名和员工编号。如果用户选择员工姓名，则会自动填充员工编号并在字段中设置，反之亦然，以选择员工编号有人能帮忙吗 HTML是这样的： <body> <select id="names"> <option value="id_1">Volvo</option> <option value="id_2">Saab</option> <option value="id_3"&

我的代码中有两个下拉列表，分别是员工姓名和员工编号。如果用户选择员工姓名，则会自动填充员工编号并在字段中设置，反之亦然，以选择员工编号

有人能帮忙吗

HTML是这样的：

<body>

<select id="names">
  <option value="id_1">Volvo</option>
  <option value="id_2">Saab</option>
  <option value="id_3">Opel</option>
  <option value="id_4">Audi</option>
</select>

<select id="ids">
  <option value="id_1">id_1</option>
  <option value="id_2">id_2</option>
  <option value="id_3">id_3</option>
  <option value="id_4">id_4</option>
</select>

</body>

不要忘记包含jQuery

你试过什么吗？给我们看一些代码。除此之外，您将在下面的VOTEST中看到更多关于stackoverflow的问题，这些问题已经回答了这个问题。试试这个。。。在您的服务中，如果您先自助：）通过发布分享您的努力，我的意思是您尝试过的代码？？谢谢。。但所有早期的人都在误导一个人。

$("#names").change(function(){
  $("#ids").val($(this).val());
});

$("#ids").change(function(){
  $("#names").val($(this).val());
});