如果URL与值匹配，如何选择下拉菜单？

Question

我正在尝试基于URL在select框中进行选择。网址绑定到value的option属性。如何在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

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

Answer 2

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

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

Answer 3

将此代码放在您的块下面：

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