问题描述
有两个select a 和ba 的值 是从后台读出的 结果集list来填充的 ,设置可以多选b 是获取 是获取a选中的值,b中不能出现重复的值,谢谢 ,各位
解决方案
<html><head><style type="text/css"> .main .left {float: left;width: 200px;height: 200px;}.main .middle {float: left;width: 100px;height: 200px;margin-top: 50px;} .main .right {float: left;height: 200px;width: 200px;}.main .left select,.main .right select {width: 180px;height: 200px;}</style></head> <body><div class="main"> <div class="left"> <select id="left" multiple="multiple"> <option>超级管理员</option> <option>图书管理员</option> <option>进货管理员</option> <option>销售管理员</option> </select> </div> <div class="middle"> <input id="leftMove" type="button" value="左移"><br/> <input id="leftAllMove" type="button" value="全部左移"><br/> <input id="rightMove" type="button" value="右移"><br/> <input id="rightAllMove" type="button" value="全部右移"><br/> </div> <div class="right"> <select id="right" multiple="multiple"> </select> </div></div><script type="text/javascript" src="../../jquery-1.4.2.js"></script><script type="text/javascript"> $(function() { //源 目标 $("#leftMove").click(function() {move("right", "left");}); $("#rightMove").click(function() { move("left", "right");}); $("#leftAllMove").click(function() { $("#left option").appendTo("#right");}); $("#rightAllMove").click(function() { $("#right option").appendTo("#left");});});function move(source, target) { $("#"+source+" :selected").appendTo("#"+target);}</script></body></html>左右移动吗