站长资源网页制作 select不支持双击dbclick事件 整理:jimmy2024/9/29浏览2次 站长资源 网页制作 网盘链接 云盘下载 简介XML/HTML Code复制内容到剪贴板 XML/HTML Code复制内容到剪贴板 <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"> //下拉框多选的应用 9：57 $(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> 上一篇：用jquery进行修复在iframe下的页面锚点失效问题 下一篇：用table表格来调整表单控件的格式让它好看一些 最新资源 李国祥.1995-九五变奏【嘉音】【WAV+CUE】 许景淳.1992-你来自何方【全美唱片】【WA 石欣卉.2007-剧欣卉集·完整电视剧主题精丫 群星.2005-LOVE情歌集VOL.5.2CD【正东】【 孙悦.1996-伙伴【正大国际】【ＷAV+CUE】 纪钧瀚《钢琴阅读时光 雨中书店聆听轻音乐 证声音乐图书馆《走向自然 疗心爵士乐》[ 证声音乐图书馆《走向自然 疗心爵士乐》[ 陈慧娴.2018-Priscilla-Ism演唱会3CD（202 郑秀文.1999-我应该得到（国）【华纳】【WA 一句话新闻Windows上运行安卓你用过了吗在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。