Question

我目前传递变量来查询字符串使用此选择下拉菜单和jQuery：

$("#filter_1").change(function(e) { 
    window.location.href = '?filter_1=' + $(this).val() 
}); 
$("#filter_2").change(function(e) { 
    window.location.href = '?filter_2=' + $(this).val() 
}); 

这是伟大的工作。但是，如果您有已经经过选择filter_2通过filter_1变量，filter_1被查询字符串覆盖。我现在需要的是追加filter_1和filter_2和副-A-反之亦然的方式。有任何想法吗？

Answer 1

这里您创建解析查询字符串为你，如果它存在，或只是一个空字符串，如果它不返回所请求键的key=value功能。

$("#filter_1").change(function(e) { 
    window.location.href = '?filter_1=' + $(this).val() + 
     querystring('filter_2', '&'); 
}); 
$("#filter_2").change(function(e) { 
    window.location.href = '?filter_2=' + $(this).val() + 
     querystring('filter_1', '&'); 
}); 


function querystring(name, prefix) 
{ 
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); 
    var regexS = "[\\?&]" + name + "=([^&#]*)"; 
    var regex = new RegExp(regexS); 
    var results = regex.exec(window.location.search); 
    if(results == null) 
    return ''; 
    else 
    return (prefix||'')+name+'='+ decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

功能来源于：How can I get query string values in JavaScript?