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本地存储 。 本地存储的简要说明可以在这里找到