标题 | select不支持双击dbclick事件 |
内容 | XML/HTML Code复制内容到剪贴板 <div> <select multiple="multiple" id="select1"> <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">选中添加到右边>></span> <span id="addAll">全部添加到右边>></span> </div></div> <div> <select multiple="multiple" id="select2"> </select> <div> <span id="add1"><<选中删除到左边</span> <span id="addAll1"><<全部选中删除到左边</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> |
随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。