select不支持双击dbclick事件

时间：2021-05-08

XML/HTML Code复制内容到剪贴板

  • <divclass="centent"style="width:200px;float:left;margin-right:20px;">
  • <selectmultiple="multiple"id="select1"style="width:150px;height:160px;">
  • <optionvalue="1">选项1</option>
  • <optionvalue="2">选项2</option>
  • <optionvalue="3">选项3</option>
  • <optionvalue="4">选项4</option>
  • <optionvalue="5">选项5</option>
  • </select>
  • <div>
  • <spanid="add"style="display:block;width:140px;cursor:pointer;">选中添加到右边>></span>
  • <spanid="addAll"style="display:block;width:140px;cursor:pointer;">全部添加到右边>></span>
  • </div></div>
  • <divclass="centent"style="width:200px;float:left;margin-right:20px;">
  • <selectmultiple="multiple"id="select2"style="width:150px;height:160px;">
  • </select>
  • <div>
  • <spanid="add1"style="display:block;width:140px;cursor:pointer;"><<选中删除到左边</span>
  • <spanid="addAll1"style="display:block;width:170px;cursor:pointer;"><<全部选中删除到左边</span>
  • </div>
  • </div>
    • JavaScript Code复制内容到剪贴板
  • <scripttype="text/javascript">
  • //下拉框多选的应用9：57
  • $(function(){
  • //开始把左边的添加到右边
  • $("#add").click(function(){//把选中的添加到右边
  • $option=$("#select1option:selected");
  • $option.appendTo("#select2");
  • })
  • $("#addAll").click(function(){//全部添加到右边
  • $option=$("#select1option");
  • $option.appendTo("#select2");
  • })
  • $("#select1").dbclick(function(){//双击添加到右边
  • $option=$("#select1option:selected",this);
  • $option.appendTo("#select2");
  • })
  • //开始右边的添加到左边
  • $("#add1").click(function(){//把选中的添加到左边
  • $option=$("#select2option:selected");
  • $option.appendTo("#select1");
  • })
  • $("#addAll1").click(function(){//全部添加到左边
  • $option=$("#select2option");
  • $option.appendTo("#select1");
  • })
  • $("#select2").dbclick(function(){//双击添加到左边
  • $option=$("option:selected",this);
  • $option.appendTo("#select1");
  • })
  • })
  • </script>

    • 声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章