Question

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

有人可以帮忙吗？

Answer 1

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>

javascript是：

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

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

别忘了包含jQuery

jsFiddle

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

1 个答案: