Question

大家好，我们怎么做？

例如我有一个下拉列表

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

然后我有3个不同的hrefs

<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>

然后阅读cookies 你可以使用这个js函数，

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

然后用，

读取cookie

readCookie('OPT');

作为直接使用Cookie的替代方法，您可以使用 HTML5本地存储。可以找到本地存储的简要说明here

Javascript设置Cookie以获取下拉列表中的值

1 个答案: