使用jQuery完成下拉列表左右选择

最新推荐文章于 2023-11-15 22:17:26 发布

原创最新推荐文章于 2023-11-15 22:17:26 发布 · 505 阅读

0 ·

CC 4.0 BY-SA版权

转载请注明出处

jQuery 专栏收录该内容

6 篇文章

订阅专栏

本文深入讲解了使用jQuery进行DOM元素操作的方法，包括如何选中元素并将其移动到页面的另一位置。具体介绍了单击、双击及全选元素后将其移至指定区域的技术实现。

<script>
  $(function(){
    /*选中单击去右边*/
    $("#selectOneToRight").click(function{
      $("#left option:selected").appendTo($("#right"));
    });
    //单击全部去右边
    $("#selectAllToRight").click(function(){
      $("#left option").appendTo($("right"));
    });
    //选中双击去右边
    $("left option").dbclick(function(){
      $("#left option:selected").appendTo($("#right"));
    });
  });
</script>