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

  • 相关阅读:
    20Spring_JdbcTemplatem模板工具类
    19Spring_AOP编程(AspectJ)_使用@Pointcut注解来定义切点
    18Spring_AOP编程(AspectJ)_AspectJ的各种通知总结
    17Spring_AOP编程(AspectJ)_AspectJ的注解编程
    14Spring_AOP编程(AspectJ)_环绕通知
    android ViewPager滑动事件讲解
    为listview的item中的元素设置onclick事件
    Android EditText光标颜色 与inputType
    【Android】Android内存溢出问题---用自行开辟的空间进行对内存管理
    【Android】eclipse打不开的解决办法和“Jar mismatch! Fix your dependencies”的解决
  • 原文地址:https://www.cnblogs.com/Steven5007/p/8023100.html
Copyright © 2011-2022 走看看