有两个select a 和b
a 的值 是从后台读出的 结果集list来填充的 ,设置可以多选
b 是获取 是获取a选中的值,b中不能出现重复的值,
谢谢 ,各位
[code="java"]
<br> .main .left {<br> float: left;<br> width: 200px;<br> height: 200px;<br> }<br> .main .middle {<br> float: left;<br> width: 100px;<br> height: 200px;<br> margin-top: 50px;<br> }</p> <pre><code> .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> </code></pre> <p></html>[/code]<br> 左右移动吗</p>