select不支持双击dbclick

当select不支持双击dbclick的时候我们应该怎么办呢?现在我们就跟随中国E盟小编一起去看看select不支持双击dbclick事件的解决方法,如果你也感兴趣的话就一起参考参考吧。
XML/HTML Code复制内容到剪贴板
  1. <divclass="centent"style="width:200px;float:left;margin-right:20px;">
  2. <selectmultiple="multiple"id="select1"style="width:150px;height:160px;">
  3. <optionvalue="1">选项1</option>
  4. <optionvalue="2">选项2</option>
  5. <optionvalue="3">选项3</option>
  6. <optionvalue="4">选项4</option>
  7. <optionvalue="5">选项5</option>
  8. </select>
  9. <div>
  10. <spanid="add"style="display:block;width:140px;cursor:pointer;">选中添加到右边>></span>
  11. <spanid="addAll"style="display:block;width:140px;cursor:pointer;">全部添加到右边>></span>
  12. </div></div>
  13. <divclass="centent"style="width:200px;float:left;margin-right:20px;">
  14. <selectmultiple="multiple"id="select2"style="width:150px;height:160px;">
  15. </select>
  16. <div>
  17. <spanid="add1"style="display:block;width:140px;cursor:pointer;"><<选中删除到左边</span>
  18. <spanid="addAll1"style="display:block;width:170px;cursor:pointer;"><<全部选中删除到左边</span>
  19. </div>
  20. </div>
JavaScript Code复制内容到剪贴板
  1. <scripttype="text/javascript">
  2. //下拉框多选的应用9:57
  3. $(function(){
  4. //开始把左边的添加到右边
  5. $("#add").click(function(){//把选中的添加到右边
  6. $option=$("#select1option:selected");
  7. $option.appendTo("#select2");
  8. })
  9. $("#addAll").click(function(){//全部添加到右边
  10. $option=$("#select1option");
  11. $option.appendTo("#select2");
  12. })
  13. $("#select1").dbclick(function(){//双击添加到右边
  14. $option=$("#select1option:selected",this);
  15. $option.appendTo("#select2");
  16. })
  17. //开始右边的添加到左边
  18. $("#add1").click(function(){//把选中的添加到左边
  19. $option=$("#select2option:selected");
  20. $option.appendTo("#select1");
  21. })
  22. $("#addAll1").click(function(){//全部添加到左边
  23. $option=$("#select2option");
  24. $option.appendTo("#select1");
  25. })
  26. $("#select2").dbclick(function(){//双击添加到左边
  27. $option=$("option:selected",this);
  28. $option.appendTo("#select1");
  29. })
  30. })
  31. </script>

本文主要讲述的就是关于select不支持双击dbclick的内容,想要了解更多的技术信息,请继续关注中国E盟技术频道吧!