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”值。

cookie记住下拉选择

3 个答案: