记录下url拼接的多条件筛选js
2016-08-25 14:27
357 查看
本着为提高工作效率百度或者google这些代码发现拿过来的都不好用,然后自己写了个,写的一般但记录下以后再优化
<html> <head> <script> $(function(){ /* bieanju原创多条件筛选 */ $('.filter').click(function(){ var name = $(this).attr('data-name'); var value = $(this).attr('value'); var url = window.location.href; var jump_url; /* 无参数正常跳转 */ if(typeof(name) == "undefined" || typeof(value) == "undefined"){ window.location.href = url; return false; } /* 如果当前地址不是以"/"结束追加 */ if((url.charAt(url.length-1) == "/") == false){ url += "/"; } if(url.indexOf(name) > 0){ var data = url.split('/'); for(i in data){ if(data[i] == name){ data[parseInt(i)+parseInt(1)] = value; } } jump_url = data.join("/"); }else{ jump_url = url+name+"/"+value+"/"; } window.location.href = jump_url; return false; }) }) </script> </head> <body> 条件一:<a href="http://www.test.com/catid/1" data-name="catid" value="1"> 企业</a><a data-name="catvalue" value="2" href="http://www.test.com/catid/1" >商城</a> 条件二:<a href="http://www.test.com/price/100-200" data-name="price" value="100-200"> 100-200</a><a data-name="price" value="200-300" href="http://www.test.com/price/1" >200-300</a> 条件三:<a href="http://www.test.com/star/1" data-name="star" value="1"> 一星</a><a data-name="star" value="2" href="http://www.test.com/star/1" >二星</a> </body> </html>
相关文章推荐
- Oracle SQL 动态拼接Where后面的筛选条件
- js将json格式的对象拼接成复杂的url参数
- left join给左表加筛选条件,拼接sql
- js修改window对象中的url历史记录
- js将json格式的对象拼接成复杂的url参数方法
- 使用Python读取TestTrack记录- Part3 动态生成Linq to xml查询语句筛选条件
- PHP获取当前URL路径的处理方法(适用于多条件筛选列表)
- 关于PHP CodeIgniter框架中通过<a>标签和url做多条件分类筛选
- JS可复用的多条件筛选插件
- 丢脸记录——查询在字段里先筛选条件的案例!
- PHP获取当前URL路径的处理(适用于多条件筛选列表)
- 筛选同时符合多个字段指定条件记录的SQL
- PHP获取当前URL路径的处理(适用于多条件筛选列表)
- PHP获取当前URL路径的处理(适用于多条件筛选列表)
- 【记录】JS 生成 URL 二维码
- mscrm 2011 高级查找中筛选查找条件中的多余实体记录
- js获取网页url拼接传递过来的参数
- PHP获取当前URL路径的处理(适用于多条件筛选列表)
- JS视图搜索功能(将检索条件赋到url中传值)
- js给url拼接数字时数字变成了字符串问题