0

我在 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>

重定向正在工作，但如何让下拉列表中的选定选项即使在页面加载后仍然存在。

例如，当我选择音乐时，音乐页面会加载，但类别下拉列表中的值会变回选择类别；如何将其设置为选定的值？

请解决这个问题。

4

3 回答 3

1

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

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

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

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

于 2013-01-16T08:34:15.297 回答
0

我认为您可以使用会话解决此问题。使用 ajax 或任何编程语言都可以。在 onchange 功能上将选择设置为会话，并在加载时从会话中设置选定的选项

于 2013-01-16T08:29:12.483 回答
0

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

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

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

在加载页面上：

function OnLoadPage()
{
   //Select your element from the session 
}
于 2013-01-16T08:31:53.200 回答