jQuery中将左右两个列表框的内容选择性相互移动

最新推荐文章于 2022-11-13 11:38:25 发布

SELECT_BIN

最新推荐文章于 2022-11-13 11:38:25 发布

阅读量918

点赞数 1

分类专栏： js

本文链接：https://blog.csdn.net/SELECT_BIN/article/details/90475549

版权

在jQuery中将左右两个列表框的内容相互移动，移动的同时进行删除，这里转了大佬的一个纯手写的demo：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="js/jquery-1.8.3.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                //将左边数据移动到右边
                $("#right").click(function(){
                //将左边option中选中的值赋给vSelect变量
                var vSelect=$("#leftSelect option:selected");
                //将数据添加到rightSelect中
                vSelect.clone().appendTo("#rightSelect");
                //同时删除leftSelect中的数据
                vSelect.remove();                   
                });

                //将右边数据移动到左边
                $("#left").click(function(){
                    var vSelect=$("#rightSelec

最低0.47元/天解锁文章

SELECT_BIN

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
jQuery中将左右两个列表框的内容选择性相互移动

在jQuery中将左右两个列表框的内容相互移动，移动的同时进行删除，这里转了大佬的一个纯手写的demo：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <scrip...
复制链接

扫一扫

专栏目录