• 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);
                    }  
                }
            }  

  • 相关阅读:
    空指针的问题,感觉自己很傻
    在运行微服务架构的时候报错error creating bean h name 'advisor'.. Unsatisfied dependency..constructor argument with index 0...
    hibernate+oracle+主键varchar2类型,增加序列策略注解失败
    hibernate的报错异常
    7777端口的问题
    soapUI模拟发送json数据时,遇到的中文编码问题
    三、数组的使用
    四、内存中的数组
    一、初步认识数组
    二、数组的初始化
  • 原文地址:https://www.cnblogs.com/Steven5007/p/8023100.html
Copyright © 2020-2023  润新知