#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. Docker微容器+微服务将颠覆传统的软件架构

    从我的观点看:Docker是一个微容器,一个云计算的微PaaS容器,类似JVM但比其更强大的容器,直接基于Linux内核,支持各种语言,它比VM虚拟机更加轻量,能够在Linux或云计算IaaS等平台上 ...

  2. R语言中知识点总结(一)

    source("http://bioconductor.org/biocLite.R") biocLite("GEOquery") library(Biobas ...

  3. ADO.NET梳理

    目录: 简单的介绍下ADO.NET SqlConnection(连接对象) SqlCommand(命令对象) SqlParameter(Sql参数) SqlDataReader(数据流读取器) Sql ...

  4. c++-pimer-plus-6th-chapter03

    Chapter Review Having more than one integer type lets you choose the type that is best suited to a p ...

  5. Confluence 6 权限概述

    下面的权限可以指派给任何一个空间: 分类 权限 全部(All) 查看(View )给你能够查看空间内容的权限,包括有空间目录和其他的内容,例如主面板. 删除自己(Delete own) 给你权限删除你 ...

  6. 『TensotFlow』RNN中文文本_上

    中文文字预处理流程 文本处理 读取+去除特殊符号 按照字段长度排序 辅助数据结构生成 生成 {字符:出现次数} 字典 生成按出现次数排序好的字符list 生成 {字符:序号} 字典 生成序号list ...

  7. Convert PIL Image to byte array?

    1.import io img = Image.open(fh, mode='r') roiImg = img.crop(box) imgByteArr = io.BytesIO() roiImg.s ...

  8. 使用saltui实现图片预览查看

    项目是基于dingyou-dingtalk-mobile脚手架的一个微应用,这个脚手架使用的UI是antd-mobile,它提供了一个图片上传的组件,但是未提供图片预览的组件,在网上找了不少如何在re ...

  9. [CodeForces - 614C] C - Peter and Snow Blower

    C - Peter and Snow Blower Peter got a new snow blower as a New Year present. Of course, Peter decide ...

  10. 解决iOS第三方SDK之间重复的symbols问题

    前言:今天公司项目准备使用高德导航,其中用到了高德3D地图SDK,然后就出现bug了.在真机上可以完美运行,但是在模拟器上,就出现了一大片的bug:提示有82个Duplicate symbols,仔细 ...