如何使用 jquery 在多个选择框之间传递值

Question

Hi I am trying to pass selected item from one multiple combo box to another to multi combobox.嗨，我正在尝试将选定的项目从一个多组合框传递到另一个多组合框。

How do I do that?我怎么做？ is there any example for that?有什么例子吗？

<HTML>
<HEAD>
  <TITLE></TITLE>
</HEAD>
<BODY>
  <SELECT NAME="possible" SIZE"10" MULTIPLE>
    <OPTION VALUE="New Red Corvette">New Red Corvette</OPTION>
    <OPTION VALUE="Vintage Red Corvette">Vintage Red Corvette</OPTION>
    <OPTION VALUE="Old Red Corvette">Old Red Corvette</OPTION>
  </SELECT>
  <SELECT NAME="wishlist" SIZE="10" MULTIPLE>
    <OPTION VALUE="Old Red Jalopy">Old Red Jalopy</OPTION>
  </SELECT>


<INPUT TYPE="BUTTON" VALUE="Add to wishlist"
       ONCLICK="MyMoveItem(possible,wishlist);">
<INPUT TYPE="BUTTON" VALUE="Remove from wishlist" 
       ONCLICK="MyMoveItem(wishlist,possible);">

</BODY>
</HTML>

Answer 1

 $("#b1").click(function(){ $("#s2").append( $("#s1 option:selected")) }) $("#b2").click(function(){ $("#s1").append( $("#s2 option:selected")) })

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <SELECT id="s1" NAME="possible" SIZE"10" MULTIPLE> <OPTION VALUE="New Red Corvette">New Red Corvette</OPTION> <OPTION VALUE="Vintage Red Corvette">Vintage Red Corvette</OPTION> <OPTION VALUE="Old Red Corvette">Old Red Corvette</OPTION> </SELECT> <SELECT id="s2" NAME="wishlist" SIZE="10" MULTIPLE> <OPTION VALUE="Old Red Jalopy">Old Red Jalopy</OPTION> </SELECT> <INPUT TYPE="BUTTON" id="b1" VALUE="Add to wishlist" ONCLICK="MyMoveItem(possible,wishlist);"> <INPUT TYPE="BUTTON" id="b2" VALUE="Remove from wishlist" ONCLICK="MyMoveItem(wishlist,possible);">

如何使用 jquery 在多个选择框之间传递值

问题描述

1 个解决方案

解决方案1
1 已采纳 2016-03-16 14:22:07

如何使用 jquery 在多个选择框之间传递值

问题描述

1 个解决方案

解决方案1 1 已采纳 2016-03-16 14:22:07

解决方案1
1 已采纳 2016-03-16 14:22:07