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

<select id="companyId" onchange="getContract()" name="company"
               class="form-control m-bot15" placeholder="请选择" style="width: 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);
                }  
            }
        }

jquery去重复 如何去除select控件重复的option的更多相关文章

  1. jquery 如何去除select 控件重复的option

    这个去重不是很好用,如果id值不同,text是一样的,也会被去掉 <input type="button" class="btn" id="bt ...

  2. 基于jquery的可查询多级select控件(可记录历史选择)

    一.功能和使用 公司有功能需求,还要一条代码引入的控件,网上找完全符合的控件比较难,寻找所花的时间还不如自己写一个,所以找个空闲时间自己写了一个   控件功能:1.可手动输入查询,也可点击下拉框查询, ...

  3. jQuery:实现两个<select>控件的互移操作

    一.直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> < ...

  4. Jquery 操作Html 控件 CheckBox、Radio、Select 控件 【转】http://www.cnblogs.com/lxblog/archive/2013/01/09/2853056.html

    Jquery 操作Html 控件 CheckBox.Radio.Select 控件   在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio ...

  5. Jquery 操作Html 控件 CheckBox、Radio、Select 控件

    在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio.select,用 Jquery 库操作其他会方便很多,下面用Jq对这些控件的操作进行一 ...

  6. vue和bootstrap的select控件貌似有冲突?

    貌似vue和bootstrap的select控件会冲突,因为bootstrap的select控件会将option替换为<a>标签,这样就会导致vue渲染失败.(这个问题让我整了一个上午,最 ...

  7. jquery 双向select控件bootstrap Dual listbox

    http://www.cnblogs.com/hangwei/p/5040866.html       -->jquery 双向select控件bootstrap Dual listboxhtt ...

  8. jquery仿jquery mobile的select控件效果

    不说废话.直接上代码 //仿jQuery mobile Select控件 //使用方法box为容器id,_id指控件id,selectvalue为选中值,Value为当前值 function Sele ...

  9. Jquery+json绑定带层次下拉框(select控件)

    一.实现的效果图 备注: 1.主要实现添加类别绑定到Ztree树之后,select下拉框在不刷新页面的情况下,通过Jquery重新绑定问题,增加用户体验度: 2.这个只是实现两层的绑定,通过sql语句 ...

随机推荐

  1. Ubuntu 16.04下docker ce的安装(待完善)

    参见:https://www.cnblogs.com/senlinyang/p/8203191.html https://blog.csdn.net/qq_34906391/article/detai ...

  2. [转] @JoinColumn 详解 (javax.persistence.JoinColumn)

    原文链接:@JoinColumn详解  原文标的也是转载,但是没有注明原文链接,看起来乱乱的,所以整理一下转载过来,顺便细看一下 1. 一对一 现假设有Person表和Address表,是一对一的关系 ...

  3. Centos6.8 smokeping安装

    yum -y install rrdtool perl-rrdtool curl perl-core bind bind-chroot bind-utils httpd popt popt-devel ...

  4. Inotify&Sersync文件监视工具配置

    一.Inotify介绍:一共安装2个工具(命令),即inotifywait和inotifywatchinotifywait:在被监控的文件或目录上等待特定文件系统事件(open.close.delet ...

  5. Confluence 6 从一个模板中创建一个空间

    Confluence 已经存储了一系列的模板,这些模板被称为 空间蓝图(space blueprints),这模板具有一些自定义的主页,边栏或者可能有蓝图页面或一些示例内容来帮助你开始使用 Confl ...

  6. 5 项目---自定义用户模型以及轮播图图片url返回格式

    创建自定义的用户模型类  1. 用命令创建users 应用 2. 将users 注册到settings.py INSTALLED_APPS = [ 'django.contrib.admin', 'd ...

  7. 小程序中this和that用法

    微信小程序中,在wx.request({});方法调用成功或者失败之后,有时候会需要获取页面初始化数据data的情况,这个时候,如果使用,this.data来获取,会出现获取不到的情况,调试页面也会报 ...

  8. MySQL事务(二)

    一.事务的隔离级别/锁问题 基本的介绍: 当我们的mysql表,被多个线程或者客户端同时操作时,mysql提供一种机制,可以让不同的事务在操作数据时,具有隔离性. 锁是计算机协调多个进程或线程并发访问 ...

  9. Nim or not Nim? HDU - 3032

    题意:给定n堆石子,两人轮流操作,每次选一堆石子,取任意石子或则将石子分成两个更小的堆(非0),取得最后一个石子的为胜. 题解:比较裸的SG定理,用sg定理打表,得到表1,2,4,3,5,6,8,7, ...

  10. canal入门Demo

    关于canal具体的原理,以及应用场景,可以参考开发文档:https://github.com/alibaba/canal 下面给出canal的入门Demo (一)部署canal服务器 可以参考官方文 ...