select不支持双击dbclick事件
导读:收集整理的这篇文章主要介绍了select不支持双击dbclick事件,觉得挺不错的,现在分享给大家,也给大家做个参考。 XML/HTML Code复制内容到剪贴板 <div class="centent" style=...
收集整理的这篇文章主要介绍了select不支持双击dbclick事件,觉得挺不错的,现在分享给大家,也给大家做个参考。 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>
- 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>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: select不支持双击dbclick事件
本文地址: https://pptw.com/jishu/588150.html