帶有url參數的jQuery切換div選擇選項

Question

我為數據表創建了一個高級過濾器。 現在，我想將選定的選項添加為url參數。 因此，每次選擇一個選項時，URL都會更改，並且如果重新加載頁面，它將根據URL參數打開到所選過濾器。

這是到目前為止我所擁有的示例 ...對url參數的任何幫助將不勝感激。

Answer 1

使用URL的片段來執行此操作。 這樣，您可以在javascript中修改URL，而無需重新加載頁面。 然后，當您單擊刷新時，該片段將保留在URL中。

因此，每次下拉值更改時，都應像這樣在url中設置值：

window.location.hash = '#somevalue'

然后，當頁面加載時：

$(document).ready(function() {
   // access hash using window.location.hash and show/hide based on its value
}

Answer 2

在您的.change()函數中設置url值。 每次將替換當前的URL哈希：

var urlArgs = $(".filterControl:visible").map(function()
{
    return this.id + "=" + $(this).val();
}).get().join("&");
location.href = "#" + urlArgs;

然后，onload，解析哈希：

$(function()
{
    $.each(location.hash.replace(/\#/, "").split("&"), function(filterArg)
    {
        var parts = filterArg.split("=");
        $("#" + parts[0]).val(parts[1]);
    });
});

順便說一句，此代碼在每個<select>上假定一個filterControl類，以便於選擇它們。 當然，您可以使用任何喜歡的方法來選擇它們。