码迷,mamicode.com
首页 > Web开发 > 详细

js从一个select选择数据添加到另一个select(包括移除)

时间:2017-12-25 17:05:35      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:另一个   func   click   body   cte   数据   div   src   remove   

一、实现效果

技术分享图片

二、要求

  1、选中左侧的菜单,点击“>>”,该菜单(1项或多项选中的)将添加到右侧菜单

  2、选中右侧菜单,点击“<<”,则移除选中的菜单

  3、点击“>>”,如果此时右侧菜单中已经有了左侧菜单的项目,则提示“已经添加过了”,然后把未添加的菜单添加到右侧

三、代码

// 这个可有可无,没有这个则用$,有这句话则使用jq
var jq = jQuery.noConflict();

// 点击“添加>>”按钮
var selectedCateIds = jq("#selectedCateIds"); //已绑定菜单
jq("#addItemBtn").on(‘click‘,function () {
    var html = "";
    jq("#allCateIds option:selected").each(function () { //可绑定菜单中选中的
        var option = jq(this);
        if(selectedCateIds.find("option[value="+ option.val() +"]").length == 0) {
            if (option.hasClass(‘menuA‘)) {
                selectedCateIds.append("<option value=‘"+ option.val() +"‘ class=‘menuA‘>"+ option.text() +"</option>");
            }else{
                selectedCateIds.append("<option value=‘"+ option.val() +"‘>"+ option.text() +"</option>");
			}
        }else {
            alert(‘该菜单已经绑定过了‘);
        }
    });
});

  

// 点击 “移除”按钮
jq("#removeItemBtn").on(‘click‘,function () {
    jq("#selectedCateIds option:selected").remove();
});

  

js从一个select选择数据添加到另一个select(包括移除)

标签:另一个   func   click   body   cte   数据   div   src   remove   

原文地址:http://www.cnblogs.com/carriezhao/p/8109788.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!