js匹配当前网址参数判断是否重复出现-优快云博客

本文介绍了一个搜索联动筛选功能的实现方法，特别是在用户进行多次选择后如何处理已选择的项目，确保筛选条件唯一且准确地反映用户的最新选择。

2019独角兽企业重金招聘Python工程师标准>>>

问题描述：
在做搜索联动帅选功能，一次选择帅选条件需要和历史帅选条件合并或者增加条件；
帅选的项目有：地区、价格、户型、类型几个类目；
这几个搜索类目在经过用户多次选择后，会形成一个已选择项：
即已经选择：地区价格户型；
当用户再次选择已经算在过的项目时，先判断历史选择里面有没有出现过该项；
在这个情况，用正则表达式；

我是这样用的：

 //绑定点击事件
                    items.click(function () {
                        listVal.val($(this).attr("data"));
                        listTxt.html($(this).text());
						var curr = "<?php echo $_GET['sc'];?>";
						var sel_key = listVal.attr("data-key");
						if(curr && curr.indexOf(sel_key)>-1){
							var regx = new RegExp(""+sel_key+"\\d+","gim");
							curr = curr.replace(regx, sel_key+$(this).attr("data"));
						}else{
							curr =curr+listVal.attr("data-key")+$(this).attr("data");
						}
				window.location.href="<?php echo $this->_url("newhouse/search/?sc=");?>"+curr;

即，如果重复选择的项目，用正则表达式替换当前url 里面的参数；从而实现已经选择项目里面只显示唯一的类目。

转载于:https://my.oschina.net/u/218676/blog/1031191