如何使用jquery在多个选择框之间传递值
如何使用jquery在多个选择框之间传递值
提问于 2016-03-16 14:14:44
嗨，我正在尝试将选定的项目从一个多个组合框传递到另一个多个组合框。
我该怎么做？有这样的例子吗？
<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>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-03-16 14:22:07
$("#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);">
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36038239
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号