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语句 ...
随机推荐
- Hypergeometric distribution
How TermFinder calculates P-values Readme: MGI GO Term Finder The GoTermFinder attempts to determine ...
- python hashable
判断一个对象是否hashable: hash(obj) 或 obj.__hash__() ,返回 hash 值 hashable 的有: int / float / tuple / str/ obj ...
- pandas dataframe的合并(append, merge, concat)
创建2个DataFrame: >>> df1 = pd.DataFrame(np.ones((4, 4))*1, columns=list('DCBA'), index=list(' ...
- Mac必备神器之Go2Shell
一.作用 可以快速在当前目录打开Shell命令行窗口 二.安装 1.打开官网 http://zipzapmac.com/go2shell 2.点击下载并安装 3.点击应用图标 三. ...
- Python while循环实现重试
try: pass#要执行的代码 except: 状态=True while 状态==True: try: winsound.Beep(800, 1000)#报警提示音 循环=300 while 循环 ...
- 5月21 回话控制SESSION COOKIE
百科 HTTP普及(无状态性) 超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议.所有的WWW文件都必须遵守这个标准.设计HTTP ...
- 4月18 数据库的CRUD操作
php主要是实现B/S Brower Server;此外还有C/S:Client Server暂时不考虑: LAMP: Linux系统 A阿帕奇服务器 Mysql数据库 Php语言,而现在学的是在wi ...
- Mac OS下安装和配置MongoDB
安装和配置教程: 参考地址:https://blog.csdn.net/yibowanbo/article/details/80233030 可视化管理工具: 地址:https://blog.csdn ...
- mysql排序的中文首字母排序和自定义排序
select * FROM organ_new where city_code = 'SZ0755' and organ_type = 'H' and state = '1' ORDER BY FIE ...
- 函数使用八:BP_EVENT_RAISE
此函数是关联触发一个已经定义的事件,这个事件可以放到SM36里设置JOB,这样就做成了一个事件触发JOB的东西. Import EVENTID 事件ID ,对应S ...