Javascript 将 Cookie 设置为在下拉列表中获取值

Javascript set Cookie to get value in a dropdown

本文关键字：下拉列表 获取 Cookie 设置 Javascript      更新时间：2023-09-26

大家好，我们该怎么做？

例如，我有一个下拉列表列表

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

然后我有 3 个不同的 a 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 显示 OPT 1 时，它将在选择下拉列表中选择 1，然后它将获得存储在 OPT 1 中的 cookie

您可以将点击事件添加到您的 html 链接中以设置 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>

然后阅读饼干你可以使用这个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 本地存储。可在此处找到本地存储的简要说明

相关文章：