Javascript設置Cookie以在下拉列表中獲取價值

Question

大家好，我們該怎么做？

例如我有一個下拉列表

<select>
  <option>OPT 1</option>
  <option>OPT 2</option>
  <option>OPT 3</option>
</select>

然后我有3個不同的href

<a href="go to some url">SHOWS OPT 1</a>
<a href="go to some url">SHOWS OPT 2</a>
<a href="go to some url">SHOWS OPT 3</a>

現在我們如何使用JavaScript為此設置cookie？ 當用戶選擇href SHOWS OPT 1時，它將在選擇下拉列表中選擇OPT 1，然后它將獲得存儲在OPT 1中的cookie。

Answer 1

您可以在HTML鏈接中添加onclick事件以設置Cookie，

<a href="go to some url" onclick="document.cookie='OPT=1'">SHOWS OPT 1</a>
<a href="go to some url" onclick="document.cookie='OPT=2'">SHOWS OPT 2</a>
<a href="go to some url" onclick="document.cookie='OPT=3'">SHOWS OPT 3</a>

然后要讀取Cookie，您可以使用此js函數，

function readCookie(cookieName){
  var re = new RegExp('[; ]'+cookieName+'=([^\\s;]*)');
  var sMatch = (' '+document.cookie).match(re);
  return (cookieName && sMatch)? unescape(sMatch[1]):'';  
}

然后用

readCookie('OPT');

除了直接使用Cookie之外，您還可以使用HTML5本地存儲 。 本地存儲的簡要說明可以在這里找到