当select不支持双击dbclick的时候我们应该怎么办呢?现在我们就跟随中国E盟小编一起去看看select不支持双击dbclick事件的解决方法,如果你也感兴趣的话就一起参考参考吧。
XML/HTML Code复制内容到剪贴板
- <divclass="centent"style="width:200px;float:left;margin-right:20px;">
- <selectmultiple="multiple"id="select1"style="width:150px;height:160px;">
- <optionvalue="1">选项1</option>
- <optionvalue="2">选项2</option>
- <optionvalue="3">选项3</option>
- <optionvalue="4">选项4</option>
- <optionvalue="5">选项5</option>
- </select>
- <div>
- <spanid="add"style="display:block;width:140px;cursor:pointer;">选中添加到右边>></span>
- <spanid="addAll"style="display:block;width:140px;cursor:pointer;">全部添加到右边>></span>
- </div></div>
- <divclass="centent"style="width:200px;float:left;margin-right:20px;">
- <selectmultiple="multiple"id="select2"style="width:150px;height:160px;">
- </select>
- <div>
- <spanid="add1"style="display:block;width:140px;cursor:pointer;"><<选中删除到左边</span>
- <spanid="addAll1"style="display:block;width:170px;cursor:pointer;"><<全部选中删除到左边</span>
- </div>
- </div>
JavaScript Code复制内容到剪贴板
- <scripttype="text/javascript">
- //下拉框多选的应用9:57
- $(function(){
- //开始把左边的添加到右边
- $("#add").click(function(){//把选中的添加到右边
- $option=$("#select1option:selected");
- $option.appendTo("#select2");
- })
- $("#addAll").click(function(){//全部添加到右边
- $option=$("#select1option");
- $option.appendTo("#select2");
- })
- $("#select1").dbclick(function(){//双击添加到右边
- $option=$("#select1option:selected",this);
- $option.appendTo("#select2");
- })
- //开始右边的添加到左边
- $("#add1").click(function(){//把选中的添加到左边
- $option=$("#select2option:selected");
- $option.appendTo("#select1");
- })
- $("#addAll1").click(function(){//全部添加到左边
- $option=$("#select2option");
- $option.appendTo("#select1");
- })
- $("#select2").dbclick(function(){//双击添加到左边
- $option=$("option:selected",this);
- $option.appendTo("#select1");
- })
- })
- </script>
本文主要讲述的就是关于select不支持双击dbclick的内容,想要了解更多的技术信息,请继续关注中国E盟技术频道吧!