2012-01-05 88 views
1

我有一个简单的下拉菜单,用户选择一个选项,页面刷新并将选择添加到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> 
+0

jquery.cookie? http://archive.plugins.jquery.com/project/Cookie – 2012-01-05 15:52:39

+0

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

回答

2

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

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

设置cookie不工作吗?

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

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