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

我认为应该这样做，假设网址上有你提到的最后一部分（问题中的“一个”）

$('#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 也许从该网址解析一个范围。