zoukankan      html  css  js  c++  java
  • jquery去重复 如何去除select控件重复的option

    #1.去除select控件重复的option

    <select id="companyId" onchange="getContract()" name="company"
                   class="form-control m-bot15" placeholder="请选择" style=" 200px;">
                    <option value="">请选择</option>
     </select>

    /* 填充用户单位名称 */
        function getCompany() {
            $.ajax({
                        url : "findCompany.json",
                        type : "POST",
                        success : function(data) {
                            var Str = JSON.stringify(data);
                            alert(Str + "------返回结果-------");
                            for (var i = 0; i < data.businessDeployList.length; i++) {
                                var option = document.createElement("option");
                                var obj = data.businessDeployList[i].company;
                                $(option).val(obj);
                                $(option).text(obj);
                                $('#companyId').append(option);

            /* 去除重复的option值 */
                                if ($("#companyId option:contains(" + obj + ")").length > 1) {
                                    console.log(obj);
                                    $("#companyId option:contains(" + obj+ "):gt(0)").remove();
                                }
                            }
                        },
                    });
            };

    参考链接:http://blog.csdn.net/u012767607/article/details/61927808

    ---------------------------------------------------------------------------------------------------------------------------------------------

    #2.ajax返回数据作为全局变量,自动填充数据

    /* 动态填充用户单位名称 */
        var result;   //定义全局变量
        function getCompany() {
            $.ajax({
                        url : "findCompany.json",
                        type : "POST",
                        async : false,
                        success : function(data) {
                            /*  var Str = JSON.stringify(data);
                            alert(Str + "------查看返回结果-------");  */
                            result=data;
                            for (var i = 0; i < data.businessDeployList.length; i++) {
                                var option = document.createElement("option");
                                var obj = data.businessDeployList[i].company;
                                $(option).val(obj);
                                $(option).text(obj);
                                $('#companyId').append(option);
                                if ($("#companyId option:contains(" + obj + ")").length > 1) {
                                    console.log(obj);
                                    $("#companyId option:contains(" + obj+ "):gt(0)").remove();
                                }
                            }
                        },
                    });
            };
                
            /* 根据单位名称自动填充合同名称 */
               function getContract(r){
                var   name=$("#companyId").find("option:selected").val();
                $("#contractId").empty();
                for(var i=0;i < result.businessDeployList.length; i++){
                  if(name==result.businessDeployList[i].company){
                    var contract=result.businessDeployList[i].contract;
                    var option = document.createElement("option");
                    $(option).val(contract);
                    $(option).text(contract);
                    $('#contractId').append(option);
                    }  
                }
            }  

  • 相关阅读:
    多图详解!10大高性能开发核心技术(转发)
    从 Spring Cloud 看一个微服务框架的「五脏六腑」
    eclipse中的springBoot项目 执行maven build 和maven install 报错
    Mysql怎么删除某表中的一条数据
    eclipse 中需要配置jdk、需要配置jre吗? 以及安装eclipse后需要做的一些配置
    IntelliJ IDEA 2019.2最新版本免费激活码(亲测可用)
    在springBoot项目配置项目的访问路径的时候 server.context-path不起作用的原因
    共享类型的基站概念
    oracle创建索引
    ORACLE中的DBLINK概念及使用DBLINK对远程数据库的连接
  • 原文地址:https://www.cnblogs.com/Steven5007/p/8023100.html
Copyright © 2011-2022 走看看