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?