如果 URL 与值匹配，如何选择下拉列表？

Question

我正在尝试根据 URL 在select框中进行选择。 url 与option的value属性相关联。 我怎样才能在 jQuery 中做到这一点？

 <select> <option value="http://name.com/">All</option> <option value="http://name.com/category/electronics">Electronics</option> <option value="http://name.com/category/books">Books</option> <option value="http://name.com/category/furniture">Furniture</option> <option value="http://name.com/category/kitchen">kitchen</option> <option value="http://name.com/category/homeware">Homeware</option> <option value="http://name.com/category/outdoors">Outdoors</option> </select>

Answer 1

也许您想从 web URL 绑定下拉列表。 因此，您可以将 id 添加到您的<select>标签中，例如“drpCategory”。 现在您需要添加以下脚本以自动选择下拉列表。

$(function(){
   $("#drpCategory").val(window.location.href);
});

Answer 2

将此代码紧跟在 <select> 块之后：

<script>
$('select').last().val(location.href)
</script>

$('select').last() 是 jQuery 选择文档中前面的 <select> 元素的方法。 .val(value) 是 jQuery 将选择更改为具有指定值的选项的方法。 通过将 location.href 传递给 .val()，您告诉它选择其值包含当前页面的完整 URL 的选项。

Answer 3

首先，从您当前所在的 URL 获取pathname 。您可以使用以下函数执行此操作： window.location.pathname 。 然后在 javascript 代码中检查您的pathname是否与任何options值匹配，如果匹配则在该选项上添加selected属性。

Answer 4

如果您只需要在页面加载时选择一个选项，那么应该执行以下操作。

$(function(){
   $( "select").val(window.location);
))