Javascript 如何显示一个页面中选定的下拉列表将在另一个页面中处于活动状态

我已经为索引页面中的一些页面创建了一个下拉列表，在从下拉列表中选择a页面后，页面将重定向到相应的页面。代码如下：

一,。Index.html

<script>
function DropList() {
var n = document.getElementById("sel").options.length;
document.getElementById("sel").size = n;
}

function handleSelect(elm){
window.location = elm.value;
}
</script>
<script 
  src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> 
  </script>
<div>
    <select id="sel" onchange="javascript:handleSelect(this)">            
<option value="page1.html/">page1</option>
<option value="page2.html/">page2</option>
<option value="page3.html/">page3</option>
<option value="page4.html/">page4</option>
</select>
</div> 

函数DropList（）{
var n=document.getElementById（“sel”）.options.length；
document.getElementById（“sel”）.size=n；
}
功能手柄选择（elm）{
window.location=elm.value；
}
第1页
第2页
第3页
第4页

现在，在从下拉列表中选择page1后，页面将重定向到page1.html，在这里我给出了与下面相同的下拉代码：

ii.Page1.html

<div>
    <select id="sel" onchange="javascript:handleSelect(this)">            
<option value="page1.html/">page1</option>
<option value="page2.html/">page2</option>
<option value="page3.html/">page3</option>
<option value="page4.html/">page4</option>
</select>
</div> 

第1页
第2页
第3页
第4页

---

我想在page1.html页面中显示下拉列表中的page1选项处于活动状态（下拉列表中默认选择）。因为它在从索引页面选择页面1后会被重定向。请帮助我如何将页面设置为活动状态。

事实上，您不能跨页面传递javascript变量。但是你可以通过“欺骗”url来做到这一点

您的选项的值为url的结尾，即

window.location.pathname

使用它，您可以找到并选择正确的选项

var page = window.location.pathname;
var select = document.getElementById('sel');

var opts = sel.options;
for (var opt, j = 0; opt = opts[j]; j++) {
    if (opt.value == val) {
      sel.selectedIndex = j;
      break;
    }
}

---

这是未经测试的代码，我用于选择部分。但我希望我能给你一个线索。

检查一下。。获取当前页面的url，然后将其拆分并获取页面*.html。。将其设置为“选择元素值”

var pageURLArray=$（位置）.attr（“href”）.split（“/”）；
var pageURL=pageURLArray[pageURLArray.length-2]+'/'；
警报（页面URL）；
$（'sel'）.val（pageURL）；
函数DropList（）{
var n=document.getElementById（“sel”）.options.length；
document.getElementById（“sel”）.size=n；
}
功能手柄选择（elm）{
window.location=elm.value；
}

第1页
第2页
第3页
第4页

实际上，您可以通过页面传递js变量。使用

sessionStorage

或

localStorage

您可以尝试使用

sessionStorage.setItem（'key'，'value'）

其中，作为键，您将根据下拉列表是否应处于活动状态，将下拉列表的ID或类别和值设置为

true/false

。

---

然后，加载页面后，您只需检查是否应使用

sessionStorage.getItem（'key'）

打开下拉列表，并为活动状态添加类即可。。让我知道你在弹出警报中得到了什么？我希望下拉列表分为两页，在一页中选择下拉选项后，下拉列表需要在重定向页面中显示活动。我在回答中提供的javascript代码应该在重定向页面中。。然后，这将获得重定向页面URL，并将其设置为下拉列表的值。。