Question

我有像这样的html下拉列表，

<select onchange="redirect(this.value)"> 
    <option>choose a category</option> 
    <option>Business</option>    
    <option>Music</option>
    <option>Sports</option>
    <option>Cause</option> 
    <option>Politics</option> 
</select>

我的javascript代码，用于重定向到其他网页内容...

<script>
  function redirect(ddcategory){ 
    window.location= ddcategory;
  } 
</script>

重定向工作正常，但如果页面加载后如何让下拉列表中的选定选项保持不变...

例如，当我选择音乐时，音乐页面会加载，但类别下拉菜单中的值会更改回选择类别 ...如何将其设置为所选值....

请解决这个问题... thnks ...

Answer 1

我会使用localStorage-Feature，它甚至会比浏览器会话持续更长时间。在我的链接中，您甚至可以支持不支持localstorage的浏览器（使用cookie）。

// set the ddcat
localStorage.setItem('ddcat', 'yourddcat value');

// get the ddcat
var ddcategory = localStorage.getItem('ddcat');

如果您只想在当前会话中使用此功能，请使用'sessionStorage'

Answer 2

我认为你可以使用ajax或任何编程语言来解决session.its问题。在onchange函数上设置选择到会话，并在加载会话中设置所选选项

Answer 3

您可以在移动到页面之前将变量保存在会话存储中，

然后在页面加载中实现下拉列表中的更改

  function redirect(ddcategory){ 
    sessionStorage["MyChoise"]= ddcategory;
    window.location= ddcategory;
  }

在加载页面：

function OnLoadPage()
{
   //Select your element from the session 
}

Html获取selectedindex值并在页面重新加载后保留它

3 个答案: