js 操作select

Question

有两个select a 和b

a 的值 是从后台读出的 结果集list来填充的 ,设置可以多选
b 是获取 是获取a选中的值，b中不能出现重复的值，

谢谢 ，各位

Answer 1

[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; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;main&quot;&gt; &lt;div class=&quot;left&quot;&gt; &lt;select id=&quot;left&quot; multiple=&quot;multiple&quot;&gt; &lt;option&gt;超级管理员&lt;/option&gt; &lt;option&gt;图书管理员&lt;/option&gt; &lt;option&gt;进货管理员&lt;/option&gt; &lt;option&gt;销售管理员&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;div class=&quot;middle&quot;&gt; &lt;input id=&quot;leftMove&quot; type=&quot;button&quot; value=&quot;左移&quot;&gt;&lt;br/&gt; &lt;input id=&quot;leftAllMove&quot; type=&quot;button&quot; value=&quot;全部左移&quot;&gt;&lt;br/&gt; &lt;input id=&quot;rightMove&quot; type=&quot;button&quot; value=&quot;右移&quot;&gt;&lt;br/&gt; &lt;input id=&quot;rightAllMove&quot; type=&quot;button&quot; value=&quot;全部右移&quot;&gt;&lt;br/&gt; &lt;/div&gt; &lt;div class=&quot;right&quot;&gt; &lt;select id=&quot;right&quot; multiple=&quot;multiple&quot;&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;../../jquery-1.4.2.js&quot;&gt;&lt;/script&gt; &lt;script type=&quot;text/javascript&quot;&gt; $(function() { //源 目标 $(&quot;#leftMove&quot;).click(function() { move(&quot;right&quot;, &quot;left&quot;); }); $(&quot;#rightMove&quot;).click(function() { move(&quot;left&quot;, &quot;right&quot;); }); $(&quot;#leftAllMove&quot;).click(function() { $(&quot;#left option&quot;).appendTo(&quot;#right&quot;); }); $(&quot;#rightAllMove&quot;).click(function() { $(&quot;#right option&quot;).appendTo(&quot;#left&quot;); }); }); function move(source, target) { $(&quot;#&quot;+source+&quot; :selected&quot;).appendTo(&quot;#&quot;+target); } &lt;/script&gt; &lt;/body&gt; </code></pre> <p></html>[/code]<br> 左右移动吗</p>