基于从url中选择的下拉高亮显示

Dropdown highlight based on selection from url?

本文关键字：高亮 显示 选择 url      更新时间：2023-09-26

我有一个下拉列表，更改后会转到所选页面。然而，当该页面加载时，我希望能够显示它所在的页面。例如，如果有人单击colorado，它将移动到该页面，但显示的选项始终是第一个"全部查看"。我如何搜索被点击的内容，然后将其显示在页面上？我知道我可以使用会话，但这相当困难，因为我正试图在sharepoint中完成所有这些。。。

 <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>​

您可以在下面尝试。当加载新页面时，它会从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/

在DOM Ready、上执行

$('select[name="dropdown"] option').each(function(){
   var _val = $(this).val().replace("...", ""); // Fetching value and replacing ...
   if(window.location.href.indexOf(_val)!=-1)
      $(this).attr("selected", true);
});
相关文章：