cookie记住下拉选择

Question

我有一个简单的下拉菜单，用户选择了一个选项，页面刷新，并且该选择作为查询字符串添加到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>

Answer 1

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

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

Answer 2

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

Answer 3

设置cookie无效吗？

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

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