#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. 雷林鹏分享:jQuery EasyUI 表单 - 表单验证

    jQuery EasyUI 表单 - 表单验证 本教程将向您展示如何验证一个表单.easyui 框架提供一个 validatebox 插件来验证一个表单.在本教程中,我们将创建一个联系表单,并应用 v ...

  2. DNA sequence open reading frames (ORFs) | DNA序列的开放阅读框ORF预测

    常见的ORF预测工具 Open Reading Frame Finder- NCBI ORF Finder - SMS OrfPredictor  - YSU 基本概念 开放阅读框(英语:Open r ...

  3. 2017-2018-2 20165327 实验三《敏捷开发与XP实践》实验报告

    2017-2018-2 20165327 实验三<敏捷开发与XP实践>实验报告 实验三 <敏捷开发与XP实践> 一.实验报告封面 课程:Java程序设计 班级:1653 姓名: ...

  4. 【源码分析】Mybatis使用中,同一个事物里,select查询不出之前insert的数据

    一.问题场景模拟问题:第二次查询和第一次查询结果一模一样,没有查询出我新插入的数据 猜测:第二次查询走了Mybatis缓存 疑问:那为什么会走缓存呢? 1.service方法 @Override @T ...

  5. p1218 Superprime Rib

    深搜,添加数字后如果仍为质数,继续递归. #include <iostream> #include <cstdio> #include <cmath> #inclu ...

  6. python基础之字典以及增删改查

    字典:字典是python中唯一的一个映射类型,主要形式为 dic = {key1:value,key2:value2,....} 字典中key的值是唯一的,主要关系到HASH算法,并且key的值必须是 ...

  7. hdu1569-方格取数-二分图网络流

    方格取数(2) Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Su ...

  8. PAT 1046 Shortest Distance

    1046 Shortest Distance (20 分)   The task is really simple: given N exits on a highway which forms a ...

  9. PAT 1013 Battle Over Cities

    1013 Battle Over Cities (25 分)   It is vitally important to have all the cities connected by highway ...

  10. 【数据库】SQL语句

    SQL 分为两个部分:数据操作语言(DML)和 数据定义语言(DDL).增删改查(CRUD)构成了 SQL 的 DML 部分. SELECT - 从数据库表中获取数据 SELECT 列名 FROM 表 ...