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语句 ...
随机推荐
- 在远程连接一个 Wndows 10的情况下,重启远程机器
如果你从菜单找的话,是找不到这个菜单的!!! 你应该直接按 alt + F4 , 就会出现这个选项了. 参考: https://tommynation.com/shut-windows-10-remo ...
- Learn Python3 the hard way 第二天总结 命令行(2)
复制文件 命令:cp含义:很简单,就是把一个文件复制成一个新文件而已.使用 cp -r命令可以复制一些包含文件的目录 移动文件 命令:mv含义:对文件进行"rename". 查看文 ...
- Genome-wide gene-environment analyses of depression and reported lifetime traumatic experiences in UK Biobank
Genome-wide gene-environment analyses of depression and reported lifetime traumatic experiences in U ...
- LeetCode--231--2的幂函
问题描述: 给定一个整数,编写一个函数来判断它是否是 2 的幂次方. 示例 1: 输入: 1 输出: true 解释: 2 0 = 1 示例 2: 输入: 16 输出: true 解释: 2 4 ...
- Confluence 6 自定义空间布局
你可以通过编辑布局文件来对 Confluence 的外观和表现进行编辑.这个页面将会告诉你如何来为空间自定义布局文件.你需要系统管理员的 全局权限(global permission) 和你希望进行修 ...
- BZOJ 1833 数字计数 数位DP
题目链接 做的第一道数位DP题,听说是最基础的模板题,但还是花了好长时间才写出来..... 想深入了解下数位DP的请点这里 先设dp数组dp[i][j][k]表示数位是i,以j开头的数k出现的次数 有 ...
- spring boot 创建web项目并使用jsp作前台页面
参考链接:https://www.cnblogs.com/sxdcgaq8080/p/7712874.html
- drozer安装出现的问题
首先先检查你的手机或者模拟器是否开启了drozer agent 安装出现的问题: (1)找不到java路径: 解决方法:新建一个TXT文件,在文件中写如下内容: [executables] java ...
- WDA基础九:BusinessGraphics
好像很少有人用这玩意...好难玩,好废...和ABAP的那个图一样废.... 很多报表都是用BO,BI什么做的,不仅废,而且很多BO顾问不懂代码,写出来的报表挫的要死.... WDA的网页图形报表分析 ...
- set unused的用法(ORACLE删除字段)
set unused的用法(ORACLE删除字段) 一.问题 现场有一张大数据量的分区表,数据量在10G以上.因某种原因需要删除其中的某些字段.如果直接用alter table1 drop (colu ...