网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 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>
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 10:07:38