Javascript 如何从<；选择></选择>；从形式到另一形式<；选择></选择>；类型

这是我当前的代码：

<div class="column" id="tbDiv">
    <p><b>TABLES</b></p>
    <select name="List of Tables" size="25" multiple id='table1' name='table1' title='List of Tables' class='inputbox'>
        <option>Tables will be listed here...</option></select>
</div> 
</td>

<td>
    <div class="column">                  
        <button onclick="myFunction1()" style="float:right; margin-right:0px;" id="submit1"><<</button>
        <button onclick="myFunction2()" style="float:right; margin-right:0px;" id="submit">>></button>  
     </div>
</td> 
<td>             
    <div class="column">
        <p><b>TABLE(S) TO SYNC</b></p>
        <select name="List of Tables" size="25" multiple name='table1' title='List of selected tables' name="List of Tables" size="20" class='inputbox'>
             <option>. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </option>
        </select>
    </div>
</td>

桌子

表将列在这里。。。
要同步的表

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 

如何将所选表格从左下拉列表转移到右下拉列表，或从右下拉列表转移到右下拉列表？

我已经创建了一个包含我认为您需要的内容的表格。使用jQuery非常简单

$(document).ready(function(){

    $("#add").click(function(){
        $("#tables option:selected").each(function(){
           $(this).clone().appendTo("#tables_to_sync");
           $(this).remove();
        });
    });

    $("#remove").click(function(){
        $("#tables_to_sync option:selected").each(function(){
           $(this).clone().appendTo("#tables");
           $(this).remove();
        });
    });

});

---

Ctrl-A Ctrl-C移动鼠标Ctrl-V？？您的屏幕截图看起来像某种用户界面。大多数UI都有Ctrl-A表示“全选”，Ctrl-C表示“复制”，Ctrl-V表示“粘贴”。我猜这个UI会让你以这种方式复制所有的表名。为什么要使用

.clone（）

和

.remove（）

？您只需将这些元素附加到另一个

，它就会移动它们。然后它会使它们高亮显示，但在。。。看这个，没错。我还在学习jQuery。谢谢你的更新！啊，没关系。事实上，你可以把它缩短得更短。。。请参阅此编辑（替换为

$（文档）.ready（）

和

.each（）

）：