#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. C#打印格式

    一:C#代码直接打印pdf文件(打印质保书pdf文件) 引用: 代码注释很详细了. private void btn_pdf_Click(object sender, RoutedEventArgs ...

  2. 20165327 2017-2018-2 《Java程序设计》第8周学习总结

    20165327 2017-2018-2 <Java程序设计>第8周学习总结 教材内容总结 第十二章 (一)教材学习内容总结 线程是比进程更小的执行单位.一个进程在其执行过程中,可以产生多 ...

  3. OnSen UI结合AngularJs打造”美团"APP"我的”页面 --Hybrid App

    1.页面效果图: 演示地址:http://www.nxl123.cn/bokeyuan/meiTuanDemo_mine/ 2.核心代码 mine.html: <ons-page id=&quo ...

  4. Winform开发框架之框架演化

    Winform开发框架方面的文章我介绍很多了,有宏观介绍,也有部分技术细节的交流,每次我希望能从不同角度,不同方面来介绍我的WInform开发框架,这些其实都是来源于客户的需求,真实的项目场景.本文主 ...

  5. vs2013+caffe+cpu

    1.下载caffe官网提供的工具包,复制Windows下CommonSettings.props.example,后缀改为CommonSettings.props 2.由于电脑无GPU,所以修改复制过 ...

  6. 『PyTorch』第四弹_通过LeNet初识pytorch神经网络_上

    总结一下相关概念: torch.Tensor - 一个近似多维数组的数据结构 autograd.Variable - 改变Tensor并且记录下来操作的历史记录.和Tensor拥有相同的API,以及b ...

  7. 迭代FFT

    int reverse(int x, int len){ ; ; i < len; i <<= ){ t <<= ; ; } return t; } Complex A[ ...

  8. python-flask-wtforms

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. PostgreSQL导出一张表到MySQL

    1. 查看PostgreSQL表结构,数据量,是否有特殊字段值 region_il=# select count(*) from result_basic; count --------- ( row ...

  10. Java环境下shiro的测试-认证与授权

    Java环境下shiro的测试 1.导入依赖的核心jar包 <dependency> <groupId>org.apache.shiro</groupId> < ...