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