Select JQuery 實現左右複製移動內容
阿新 • • 發佈：2018-12-31
Select JQuery 實現左右複製移動內容
引入的檔案為<script type="text/javascript" src="jquery-1.10.2.js"></script>
引入的檔案為<script type="text/javascript" src="jquery-1.10.2.js"></script>
雙擊也可以移動
javascript程式碼：
<script
type="text/javascript">
$(function(){
//移到右邊
$("#add").click(function(){
//獲取選中的選項，刪除並追加給對方
$("#select1
option:selected").appendTo("#select2");
});
//移到左邊
$("#remove").click(function(){
$("#select2
option:selected").appendTo("#select1");
});
//全部移到右邊
$("#add_all").click(function(){
//獲取全部的選項，刪除並追加給對放
$("#select1
option").appendTo("#select2");
});
//全部移到左邊
$("#remove_all").click(function(){
$("#select2
option").appendTo("#select1");
});
//雙擊選項
$("#select1").dblclick(function(){//繫結雙擊事件
//獲取全部的選項，刪除並追加給對方
$("option:selected",this).appendTo("#select2");//追加給對方
});
//雙擊選項
$("#select2").dblclick(function(){
$("option:selected"