首页前端开发HTMLselect不支持双击dbclick事件

select不支持双击dbclick事件

时间2024-01-27 11:38:03发布访客分类HTML浏览456
导读:收集整理的这篇文章主要介绍了select不支持双击dbclick事件,觉得挺不错的,现在分享给大家,也给大家做个参考。 XML/HTML Code复制内容到剪贴板 <div class="centent" style=...
收集整理的这篇文章主要介绍了select不支持双击dbclick事件,觉得挺不错的,现在分享给大家,也给大家做个参考。 XML/HTML Code复制内容到剪贴板
  1. div class="centent" style="width:200px;  float:left;  margin-right:20px; ">     
  2. select multiple="multiple" id="select1" style="width:150px;  height:160px; ">     
  3. option value="1"> 选项1/option>     
  4. option value="2"> 选项2/option>     
  5. option value="3"> 选项3/option>     
  6. option value="4"> 选项4/option>     
  7. option value="5"> 选项5/option>     
  8. /select>     
  9.   
  10. div>     
  11. span id="add" style="display:block;  width:140px;  cursor:pointer; "> 选中添加到右边> > /span>     
  12. span id="addAll" style="display:block;  width:140px;  cursor:pointer; "> 全部添加到右边> > /span>     
  13. /div> /div>     
  14. div class="centent" style="width:200px;  float:left;  margin-right:20px; ">     
  15. select multiple="multiple" id="select2" style="width:150px;  height:160px; ">     
  16. /select>     
  17. div>     
  18. span id="add1" style="display:block;  width:140px;  cursor:pointer; "> 选中删除到左边/span>     
  19. span id="addAll1" style="display:block;  width:170px;  cursor:pointer; "> 全部选中删除到左边/span>     
  20. /div>     
  21. /div>   
JavaScript Code复制内容到剪贴板
  1. script tyPE="text/javascript">     
  2.   
  3. //下拉框多选的应用 9:57    
  4. $(function(){     
  5. //开始把左边的添加到右边    
  6. $("#add").click(function(){  //把选中的添加到右边    
  7. $option = $("#select1 option:selected");     
  8. $option.appendTo("#select2");     
  9. } )    
  10. $("#addAll").click(function(){  //全部添加到右边    
  11. $option = $("#select1 option");     
  12. $option.appendTo("#select2");     
  13. } )    
  14. $("#select1").dbclick(function(){  //双击添加到右边    
  15. $option = $("#select1 option:selected",this);     
  16. $option.appendTo("#select2");     
  17. } )    
  18. //开始右边的添加到左边    
  19. $("#add1").click(function(){  //把选中的添加到左边    
  20. $option = $("#select2 option:selected");     
  21. $option.appendTo("#select1");     
  22. } )    
  23. $("#addAll1").click(function(){  //全部添加到左边    
  24. $option = $("#select2 option");     
  25. $option.appendTo("#select1");     
  26. } )    
  27. $("#select2").dbclick(function(){  //双击添加到左边    
  28. $option = $("option:selected",this);     
  29. $option.appendTo("#select1");     
  30. } )    
  31. } )    
  32. /script>

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

select

若转载请注明出处: select不支持双击dbclick事件
本文地址: https://pptw.com/jishu/588150.html
html中实现文本框出现提示功能的多种方法 meta标签中的使用viewport定义屏幕css

游客 回复需填写必要信息