如何創建一個下拉列表，每個值都可以作爲另一個頁面的鏈接？

我正嘗試使用下拉列表在網頁上創建導航快捷方式。如何創建一個下拉列表，每個值都可以作爲另一個頁面的鏈接？

我有基本的列表：

<form> 
<label for="xx">Select a Location</label> 
<select name="xx" id="xx"> 
<option selected>Please select one</option> 
<option value="http://www.google.com/">Google</option> 
<option value="http://www.search.com/">Search.com</option> 
<option value="http://www.dogpile.com/">Dogpile</option> 
</select> 
<input type="submit" value="Go" /> 
</form>

然而，實施時，它只是劈啪並不去任何地方。理想情況下，我希望能夠跳過「轉到」按鈕，並在您從列表中選擇鏈接後跳轉到所需的頁面。

我希望在下一步中有一些指導。

謝謝。

來源

2011-11-17 fmz

你可以試試這個：

$("#xx").change(function() { 
    // simulates similar behavior as an HTTP redirect 
    window.location.replace($(this).val()); 
});

您然後使用jQuery的.change() API並找到選擇的值重定向到另一個頁面。

來源

2011-11-17 15:48:33 JMax

嗨JMax，對於延遲響應抱歉。我對這個項目造成了巨大的干擾。現在，我回來了，我已經嘗試過，但它不會帶你到一個新的頁面。看看這個網頁：http://www.flowerwood.com/locations/loxley_alabama。如果您從下拉列表中選擇一個新網站並點擊開始，它只會刷新頁面。 – fmz

您使用哪個瀏覽器？隨着Firefox，這是工作得很好... – JMax

嗨JMAX，現在運行良好，因爲我有更多的電腦。我添加文檔加載部分並刪除了一對括號。謝謝您的幫助。 – fmz

$("#xx").change(function() { 
    window.location.assign($(this).val()); 
});

Fiddle here

來源

2011-11-17 15:48:25

你知道如果使用'assign'的'replace'更好嗎？（我已經檢查並找到了這個線程上的'replace'：http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery） – JMax

這取決於如何你想讓它工作。 'replace'意味着當用戶轉到下一頁時，它將替換瀏覽器歷史記錄中的當前內容。使用'assign'意味着當他們點擊後退按鈕時，他們將返回到發送它們的頁面。 –

如何創建一個下拉列表，每個值都可以作爲另一個頁面的鏈接？

回答

相關問題