 

select不支持双击dbclick事件_HTML/Xhtml_网页制作-html教程-

2025-04-19 04:34:46 浏览量(15)

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">选项1option>
option value="2">选项2option>
option value="3">选项3option>
option value="4">选项4option>
option value="5">选项5option>
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><span class="string">"text/javascript"</script>>
//下拉框多选的应用 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");
})
})

【声明】：本博客不参与任何交易，也非中介，仅记录个人感兴趣的主机测评结果和优惠活动，内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客，即表示您已经知晓并接受了此声明通告。

分享到

相关推荐

回顶部