Cookie记住下拉选择

问题描述：

我有一个简单的下拉菜单，用户选择一个选项，页面刷新并将选择添加到URL作为查询字符串。但我也想在刷新后保持选择的下拉状态。我该如何使用jquery或cookie？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？ http://archive.plugins.jquery.com/project/Cookie – 2012-01-05 15:52:39

该网站是否需要在刷新时弹出？如果没有，你需要一个“请选择”选项，但是你不需要cookie – mplungjan 2012-01-05 15:55:10

答

您可以使用jQuery的cookie的插件，如下图所示

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

答

一种更好的方式来保存状态，而不对每个HTML请求数据是使用HTML5本地存储写代码。下面是一个很好的例子：http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/

答

设置cookie不工作吗？

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

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

Cookie记住下拉选择

相关推荐