多选:在按钮单击时将值从一个选项复制到另一个选择

时间:2015-02-09 18:40:10

标签: jquery html5 css3

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

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

但还没有;有任何想法吗?谢谢!

1 个答案:

答案 0 :(得分:2)

我希望这就是你想要的:



$(".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>
&#13;
&#13;
&#13;