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语句 ...
随机推荐
- gooreplacer 很好用
国内上 StackOverflow, hackernews 之类的站点会慢. 因为页面里有链接指向 google 谷歌, 会被墙. 于是拖累了整个页面的显示. gooreplacer 可以把这些被墙连 ...
- [Spring] ClassPathXmlApplicationContext类
1. 该类在package org.springframework.context.support包下. 该包在4.0.1中封装在spring-context-***.jar中. 其无参构造函数的文档 ...
- HeadFirst Ruby 第七章总结 references
前言 这一章的内容关于 references,讲了当 Ruby 程序中可能会遇到关于 reference 与 object 之间概念混淆而导致的问题. 导言 本章从一个 astronomer 发现 s ...
- 20180429 xlVBA套打单据自适应列宽
Sub TestAutoAdjustColumnWidthBaseOnModel() Set ModelSheet = ThisWorkbook.Worksheets("单据模板" ...
- android--------Socket的简单了解
Socket目录 Socket通信简介 Android与服务器的通信方式主要有两种,一是Http通信,一是Socket通信.两者的最大差异在于,http连接使用的是“请求—响应方式”,即在请求时建立连 ...
- java.io.Serializable中serialVersionUID的作用
把对象转换为字节序列的过程称为对象的序列化. 把字节序列恢复为对象的过程称为对象的反序列化. 对象的序列化主要有两种用途: 1) 把对象的字节序列永久地保存到硬盘上,通常存放在一个文件中: 2) 在网 ...
- 遍历input文本框
最近写的一个项目中,页面中有很多的“text文本框”和“select下拉框” 校验input框和select框是否非空,如果为空给出提示.反之,隐藏提示内容. html 页面中的input类型有ty ...
- adb 转自github https://github.com/mzlogin/awesome-adb
基本用法 命令语法 adb 命令的基本语法如下: adb [-d|-e|-s <serialNumber>] <command> 如果只有一个设备/模拟器连接时,可以省略掉 [ ...
- 迷宫最短路径问题的dfs,bfs实现
迷宫的最短路径 给定一个大小为 N×M的迷宫.迷宫由通道和墙壁组成,每一步可以向邻接的上下左右四格的通道移动.请求出从起点到终点所需的小步数.请注意,本题假定从起点一定可以移动到终点 限制条件:N,M ...
- STLC - 软件测试生命周期
什么是软件测试生命周期(STLC)? 软件测试生命周期(STLC)定义为执行软件测试的一系列活动. 它包含一系列在方法上进行的活动,以帮助认证您的软件产品. 图 - 软件测试生命周期的不同阶段 每个阶 ...