select不支持双击事件
来源:互联网 发布:数据库大于等于怎么写 编辑:程序博客网 时间:2024/05/22 09:46
<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>
<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不支持双击事件
- select 双击事件
- js: 双击select列表事件
- js: 双击select列表事件
- 让Select的option支持双击事件
- 让Select的option支持双击事件
- dblclick双击事件在安卓手机webview中不支持
- 给HTML<select>标签里的option添加双击事件
- jQuery实现select多选框左右添加,包括双击事件
- Select标签列表显示 单击和双击事件并存处理
- 双击事件
- 双击事件
- 双击事件
- 双击事件
- 不支持select into解决方法
- LinqDataSource不支持 Select 属性
- ie chrome 跟 火狐 中 select 下拉框 option中不支持onclick事件的解决办法
- DataGrid双击事件演示
- mockcpp使用方法简明指导
- 微营销视频教程免费在线观看
- android EditText多行文本输入的若干问题
- 新浪微博MD5D签名生成器
- 语言类型
- select不支持双击事件
- 用友NC6推进企业人力资源升级转型
- 新的开始
- liunx下查看一层目录的占用空间大小
- Android 使用Loader示例
- IOS下载程序自动安装
- 设计模式(2)——组合模式(Composite Pattern)
- win7中用 httplistener 出现 503 错误的问题
- 针对PHPCMS绑定二级域名地址不正确问题分析