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

Javascript设置Cookie以在下拉列表中获取值,javascript,html,cookies,Javascript,Html,Cookies,嗨,伙计们,我们怎么做 例如,我有一个下拉列表 <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 t

嗨,伙计们,我们怎么做

例如,我有一个下拉列表

<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?当用户选择a href显示OPT 1时,它将在选择下拉列表中选择OPT 1,然后它将获得存储在OPT 1中的cookie。您可以将onclick事件添加到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>
然后用

readCookie('OPT');
作为直接使用cookie的替代方法,您可以使用HTML5本地存储。
可以找到本地存储的简要说明

您认为它将获得存储在OPT 1中的Cookie是什么意思?hi@plbsam,这是我希望发生的情况用户单击动态导航链接,即ahref>Cookie设置>页面加载>Web部件根据Cookie值提取内容
readCookie('OPT');