jquery去重复 如何去除select控件重复的option
#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的更多相关文章
- jquery 如何去除select 控件重复的option
这个去重不是很好用,如果id值不同,text是一样的,也会被去掉 <input type="button" class="btn" id="bt ...
- 基于jquery的可查询多级select控件(可记录历史选择)
一.功能和使用 公司有功能需求,还要一条代码引入的控件,网上找完全符合的控件比较难,寻找所花的时间还不如自己写一个,所以找个空闲时间自己写了一个 控件功能:1.可手动输入查询,也可点击下拉框查询, ...
- jQuery:实现两个<select>控件的互移操作
一.直接上代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> < ...
- 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 ...
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox.radio.select,用 Jquery 库操作其他会方便很多,下面用Jq对这些控件的操作进行一 ...
- vue和bootstrap的select控件貌似有冲突?
貌似vue和bootstrap的select控件会冲突,因为bootstrap的select控件会将option替换为<a>标签,这样就会导致vue渲染失败.(这个问题让我整了一个上午,最 ...
- jquery 双向select控件bootstrap Dual listbox
http://www.cnblogs.com/hangwei/p/5040866.html -->jquery 双向select控件bootstrap Dual listboxhtt ...
- jquery仿jquery mobile的select控件效果
不说废话.直接上代码 //仿jQuery mobile Select控件 //使用方法box为容器id,_id指控件id,selectvalue为选中值,Value为当前值 function Sele ...
- Jquery+json绑定带层次下拉框(select控件)
一.实现的效果图 备注: 1.主要实现添加类别绑定到Ztree树之后,select下拉框在不刷新页面的情况下,通过Jquery重新绑定问题,增加用户体验度: 2.这个只是实现两层的绑定,通过sql语句 ...
随机推荐
- Docker微容器+微服务将颠覆传统的软件架构
从我的观点看:Docker是一个微容器,一个云计算的微PaaS容器,类似JVM但比其更强大的容器,直接基于Linux内核,支持各种语言,它比VM虚拟机更加轻量,能够在Linux或云计算IaaS等平台上 ...
- R语言中知识点总结(一)
source("http://bioconductor.org/biocLite.R") biocLite("GEOquery") library(Biobas ...
- ADO.NET梳理
目录: 简单的介绍下ADO.NET SqlConnection(连接对象) SqlCommand(命令对象) SqlParameter(Sql参数) SqlDataReader(数据流读取器) Sql ...
- 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 ...
- Confluence 6 权限概述
下面的权限可以指派给任何一个空间: 分类 权限 全部(All) 查看(View )给你能够查看空间内容的权限,包括有空间目录和其他的内容,例如主面板. 删除自己(Delete own) 给你权限删除你 ...
- 『TensotFlow』RNN中文文本_上
中文文字预处理流程 文本处理 读取+去除特殊符号 按照字段长度排序 辅助数据结构生成 生成 {字符:出现次数} 字典 生成按出现次数排序好的字符list 生成 {字符:序号} 字典 生成序号list ...
- Convert PIL Image to byte array?
1.import io img = Image.open(fh, mode='r') roiImg = img.crop(box) imgByteArr = io.BytesIO() roiImg.s ...
- 使用saltui实现图片预览查看
项目是基于dingyou-dingtalk-mobile脚手架的一个微应用,这个脚手架使用的UI是antd-mobile,它提供了一个图片上传的组件,但是未提供图片预览的组件,在网上找了不少如何在re ...
- [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 ...
- 解决iOS第三方SDK之间重复的symbols问题
前言:今天公司项目准备使用高德导航,其中用到了高德3D地图SDK,然后就出现bug了.在真机上可以完美运行,但是在模拟器上,就出现了一大片的bug:提示有82个Duplicate symbols,仔细 ...