select不支持双击dbclick事件
XML/HTML Code复制内容到剪贴板
div class="centent" style="width:200px; float:left; margin-right:20px;"
select multiple="multiple" id="select1" style="width:150px; height:160px;"
option value="1"选项1/option
option value="2"选项2/option
option value="3"选项3/option
option value="4"选项4/option
option value="5"选项5/option
/select
div
span id="add" style="display:block; width:140px; cursor:pointer;"选中添加到右边/span span id="addAll" style="display:block; width:140px; cursor:pointer;"全部添加到右边/span /div/div
div class="centent" style="width:200px; float:left; margin-right:20px;"
select multiple="multiple" id="select2" style="width:150px; height:160px;"
/select
div
span id="add1" style="display:block; width:140px; cursor:pointer;"选中删除到左边/span span id="addAll1" style="display:block; width:170px; cursor:pointer;"全部选中删除到左边/span /div
/div
JavaScript Code复制内容到剪贴板
script type="text/javascript"
//下拉框多选的应用 9:57
$(function(){
//开始把左边的添加到右边
$("#add").click(function(){ //把选中的添加到右边
$option = $("#select1 option:selected"); $option.appendTo("#select2");
})
$("#addAll").click(function(){ //全部添加到右边
$option = $("#select1 option");
$option.appendTo("#select2");
})
$("#select1").dbclick(function(){ //双击添加到右边
$option = $("#select1 option:selected",this); $option.appendTo("#select2");
})
//开始右边的添加到左边
$("#add1").click(function(){ //把选中的添加到左边
$option = $("#select2 option:selected");
$option.appendTo("#select1"); })
$("#addAll1").click(function(){ //全部添加到左边
$option = $("#select2 option"); $option.appendTo("#select1"); })
$("#select2").dbclick(function(){ //双击添加到左边
$option = $("option:selected",this); $option.appendTo("#select1"); })
})
/script
本文档为【select不支持双击dbclick事件】，请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑，
图片更改请在作品中右键图片并更换，文字修改请直接点击文字进行修改，也可以新增和删除文档中的内容。
该文档来自用户分享，如有侵权行为请发邮件ishare@vip.sina.com联系网站客服，我们会及时删除。
[版权声明] 本站所有资料为用户分享产生，若发现您的权利被侵害，请联系客服邮件isharekefu@iask.cn，我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权，请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传，仅限个人学习分享使用，禁止用于任何广告和商用目的。
浙公网安备 33021202002483