jQuery选项选择字段值在另一个选项选择字段

时间:2016-10-24 15:41:34

标签: javascript jquery

有人可以帮我解决这个问题:

我有两个带有多个选项的字段,两个字段都有相同的选项供选择。

有人可以帮助我使用jquery代码自动在第二个字段中选择相同的值吗?

让我们在第一个字段中说我选择选项“USA”我希望jquery在第二个字段中自动选择相同的选项“USA”

此致

1 个答案:

答案 0 :(得分:0)

请注意,这个问题的要求非常罕见..但是有可能。

您可以将change事件附加到名为select1的第一个元素,然后在函数处理程序中设置字段名称select2,如下所示:

$('select[name=select1]').on('change', function() {
  $('select[name=select2]').val($(this).val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select multiple name="select1">
  <option value="val1">Val 1</option>
  <option value="val2">Val 2</option>
  <option value="val3">Val 3</option>
  <option value="val4">Val 4</option>
  <option value="val5">Val 5</option>
</select>

<select multiple name="select2">
  <option value="val1">Val 1</option>
  <option value="val2">Val 2</option>
  <option value="val3">Val 3</option>
  <option value="val4">Val 4</option>
  <option value="val5">Val 5</option>
</select>