cookie 来记住下拉选择答案

【问题标题】：cookie to remember dropdown selectioncookie 来记住下拉选择
【发布时间】：2012-01-05 15:48:07
【问题描述】：

我有一个简单的下拉菜单，用户选择一个选项，页面刷新，选择作为查询字符串添加到 URL。但我还想在刷新后保持下拉的选定状态。我如何使用 jquery 或 cookie 做到这一点？

<select id="MyDropDown" onchange="window.open(this.options[this.selectedIndex].value,'_top')">

  <option value="http://mysite.com/default1.aspx?alpha=A">A</option>
  <option value="http://mysite.com/default1.aspx?alpha=B">B</option>
  <option value="http://mysite.com/default1.aspx?alpha=C">C</option>
</select>

【问题讨论】：

jquery.cookie ? archive.plugins.jquery.com/project/Cookie
网站是否也需要在刷新时弹出？如果没有，您将需要“请选择”选项，但您不需要 cookie

标签： javascript jquery cookies drop-down-menu

【解决方案1】：

您可以使用jquery cookie插件并编写代码如下所示

$('#MyDropDown').change(function() {
    $.cookie('mycookie', $(this).val(), {
             expires: 365}
             );
}

【讨论】：

【解决方案2】：

保存状态而不在每个 html 请求上放置数据的更好方法是使用 HTML5 本地存储。这是一个如何使用它的好例子：http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/

【讨论】：

【解决方案3】：

设置cookie不起作用吗？

<select id="MyDropDown" onchange="document.cookie=this.selectedIndex; window.open(this.options[this.selectedIndex].value,'_top')">

您也可以只提取随 URL 传递的“alpha”值。

【讨论】：