脚本宝典收集整理的这篇文章主要介绍了select不支持双击dbclick事件,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
- <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">
-
-
- $(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不支持双击dbclick事件全部内容,希望文章能够帮你解决select不支持双击dbclick事件所遇到的问题。
如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。