首页网页制作网络编程脚本专栏数据库网站运营网络安全平面设计 CMS教程

select不支持双击dbclick事件

所属分类：网页制作 / HTML/Xhtml 阅读数： 605

收藏 0赞 0分享

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>

更多精彩内容其他人还在看

DOCTYPE 文档类型声明(网页爱好者必看)

文档类型声明与不声明，将会导致你的css或js都无法正常安装要求显示。所以好多网站都声明了文档类型。这样做有什么好处大家可以看看下面的文章。

收藏 0赞 0分享

纯HTML标签你熟悉多少?

HTML标签很多,可是实际上常用的却就那么十几二十个,很多标签的功能渐渐的被大家忽略了.然后,如果在适当的时候,用一用,还是能在一定程序上给我们的页面设计带来一点小小的方便的.

收藏 0赞 0分享

HTML元素的ID和Name属性的区别

ID就像是一个人的身份证号码，而Name就像是他的名字，ID显然是唯一的，而Name是可以重复的。

收藏 0赞 0分享

HTML meta的大作用

meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的与中，meta 标签的用处很多。

收藏 0赞 0分享

HTML标签tbody的用法与说明

tbody 标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。

收藏 0赞 0分享

HTML 特殊字符转换表

html下特殊字符转换表

收藏 0赞 0分享

HTML基础 HTML的组成结构

HTML是网页主要的组成部分，基本上一个网页都是由HTML语言组成的，所以要学习网站怎样建设，必须从网页的基本语言学起。

收藏 0赞 0分享

HTML基础之HTML内容细则

我们在第一讲里概括了一下网页的主要框架，现在我们来详细的研究网页的内部细则

收藏 0赞 0分享

Shtml 精简教程

SSI有什么用? 之所以要扯到ssi，是因爲shtml--server-parsed HTML 的首字母缩略词。包含有嵌入式服务器方包含命令的 HTML 文本。在被传送给浏览器之前，服务器会对 SHTML 文档进行完全地读取、分析以及修改。

收藏 0赞 0分享

浅谈html table 标签

总的来说，table是个复杂的东西，关于它的主题也很多。我想简单的复习一下table。

收藏 0赞 0分享

查看更多

网络赚钱

更多

站长故事

更多

建站极客

合作伙伴

在线工具

网站地图

建站极客移动版

聚合全网技术文章，根据你的阅读喜好进行个性推荐

© 2012 - 2020 zhanzhang360.cn Some Rights Reserved.

沪ICP备13040166号-18