jquery - 多选 : Copy values from one select to other on button click

Question

我不能使用任何服务器端代码，但我敢打赌这在 jQuery 中相对容易。我有两种形式，每种形式都有一个包含相同数据的多选菜单。如果用户从第一个选择菜单中选择任何内容，如果他们单击按钮，我需要在下一个菜单中选择它们。我在搞乱:

$("#AgentX").val($("#AgentZ")).change();

但还没有；有任何想法吗？谢谢!

Answer 1

我希望这是你想要的:

$(".copySelect").on("click", function() {
	  $("#secondSelect").val($("#firstSelect").val());
	})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select name="first" id="firstSelect" multiple>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>
<select name="second" id="secondSelect" multiple>
  <option value="2">2</option>
  <option value="1">1</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="3">3</option>
</select>
<button class="copySelect">copy</button>