jQuery選擇框根據URL選擇選項

Question

我有一個選擇框，如下所示。 如何根據網址的最后部分將選項標記為已選中。 例如： http : //domain.com/index/one 。 網址的最后一部分是一個，因此我希望選擇一個選項。

<select>
    <option id="one">One</option>
    <option id="two">Two</option>
    <option id="three">Three</option>
</select>

我正在尋找jQuery或Javascript解決方案。

Answer 1

我認為應該這樣做，假設URL具有您提到的最后一部分（如您的問題中的“一個”）

$('#selectid').val(window.location.href.substring(
                      window.location.href.lastIndexOf('/')+1))

Answer 2

var parts = window.location.href.split('/');
if (parts.length > 0) {
    $('#myselect').val(parts[parts.length - 1].split('?')[0]);
}

還請確保您修正了選擇內容，並為選項（而非ID）提供了值：

<select id="myselect">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
</select>

Answer 3

您為什么要嘗試使用jquery / javascript執行此操作？ 使用您使用的任何服務器端語言似乎更合乎邏輯。 也許也可以使用重寫。

Answer 4

我猜您在尋找： window.location可能從該URL解析一個范圍。

范例： http ： //jsfiddle.net/R48GY/