javascript - 如图,如何用js控制“已选区域”不出现重复的?
本文介绍了javascript - 如图,如何用js控制“已选区域”不出现重复的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
每次点添加按钮,就会在已选区域添加上对应的按钮(button),如何用js控制已选区域不出现重复的?
这是下面已选区域的代码
var num=0;
var id_num_0=0;
var id_num_1=1
var yxqy_arr;
//添加
$("#search").click(function(){
if(num>4){
alert('最多可选5个');
return false;
}
var val_value = $("#jiedao option:selected").val();
var val_text = $("#jiedao option:selected").text();
if(val_value==-1){
alert("请选择区域");
return false;
}
$("#blank_1").before("<input type='button' id ='"+id_num_0+"' name='service_area' class='yixuanquyu_1' value='"+val_text+"'>"
+"<input id ='"+id_num_1+"' type='hidden' name='service_area' class='yixuanquyu_1' value='"+val_value+"'>");
id_num_0=id_num_0+2;
id_num_1=id_num_1+2;
num=num+1;
});
解决方案
重点就是 array push 以后,unique 操作一下。
以下是其中一种做法:
function onlyUnique(value, index, self) {
return self.indexOf(value) === index;
}
// usage example:
var a = ['a', 1, 'a', 2, '1'];
var unique = a.filter( onlyUnique ); // returns ['a', 1, 2, '1']
这篇关于javascript - 如图,如何用js控制“已选区域”不出现重复的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文