您现在的位置是：网站首页> 编程资料编程资料

select不支持双击dbclick事件纯html+css实现Element loading效果纯html+css实现奥运五环的示例代码HTML+CSS实现导航条下拉菜单的示例代码html+css实现滚动到元素位置显示加载动画效果纯html+css实现打字效果html+css实现环绕倒影加载特效html输入两个数实现加减乘除功能html中显示特殊符号(附带特殊字符对应表)关于html选择框创建占位符的问题html css3不拉伸图片显示效果

2021-08-29 1471人已围观

简介 有关select不支持双击事件，下面有个示例，大家可以看看

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">选项1option>    
  4. <option value="2">选项2option>    
  5. <option value="3">选项3option>    
  6. <option value="4">选项4option>    
  7. <option value="5">选项5option>    
  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. "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. })    

上一篇：用table表格来调整表单控件的格式让它好看一些CSS display属性的table表格布局利用CSS生成精美细线Table表格无需复杂style代码关于表格table嵌套,边框合并问题的解决方法

下一篇：用jquery进行修复在iframe下的页面锚点失效问题举例讲解HTML中iframe和frame的区别深入剖析HTML5 内联框架iFrameHTML中iFrame标签的两个用法介绍利用iframe在网页中显示天气附效果截图a标签的target链接指向iframe的方法iframe框架在IE浏览器下将白色背景设为透明色iframe截取网站部分内容实现思路及代码浅谈Iframe网页内部的导航窗口

相关内容

点击排行

本栏推荐

猜你喜欢

-六神源码网