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/