javascript - 基于 url 中的选择的下拉突出显示？

Question

我有一个下拉菜单，更改后会转到所选页面。但是，当该页面加载时，我希望能够显示它所在的页面。例如，如果有人单击科罗拉多，它将移至该页面，但显示的选项始终是第一个“查看全部”。如何搜索点击的内容然后将其显示在页面上？我知道我可以使用 session ，但这相当困难，因为我试图在共享点中完成所有这些...

 <select name="dropdown" onchange="javascript:location = this.options[this.selectedIndex].value;">
<option value="...Lists/Events/Events.aspx">See All</option>
<option value="...Lists/Events/Colorado.aspx">Colorado</option>
<option value="...Lists/Events/MidAtlatic%20States.aspx">Mid-Atlantic States</option>
<option value="...Lists/Events/Pacific%20NorthWest.aspx">Pacific Northwest</option>
</select>​

Answer 1

您可以尝试以下操作。当新页面加载时，它会从 url 中提取相应选项的值并设置该值。

$(document).ready(function(){
var pageName = location.pathname.split("/")[url.split("/").length - 1]; 
$('select option').each(function()
{
  if($(this).val().indexOf(pageName) != -1)
     $('select').val($(this).val());   
});

});

示例:https://jsfiddle.net/DinoMyte/08qyom1a/