select不支持双击dbclick事件
来源:易贤网 阅读:800 次 日期:2014-10-10 10:32:40
温馨提示:易贤网小编为您整理了“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>

更多信息请查看IT技术专栏

更多信息请查看网页制作
易贤网手机网站地址:select不支持双击dbclick事件
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:hfpxwx
咨询QQ:526150442(9:00—18:00)版权所有:易贤网
云南网警报警专用图标