繁体   English   中英

sessionStorage onclick设置值

[英]sessionStorage onclick set value

我有4个div,根据用户单击的内容,我想在每个div上设置一个变量,然后再使用sessionStorage保存该变量。

<div id="1" onClick="sessionStorage.id=1">Select Me as 1</div>
<div id="2" onClick="sessionStorage.id=2">Select Me as 2</div>
<div id="3" onClick="sessionStorage.id=3">Select Me as 3</div>
<div id="4" onClick="sessionStorage.id=4">Select Me as 4</div>

然后在<head></head>区域中添加:

sessionStorage.setItem("id", "");
sessionStorage.getItem("id");
alert(id);

我的问题是值没有更改,并且onclick不会存储新值。

我该怎么做呢?

查看此演示:

演示

  <div id="1" onClick="sessionStorage.id=1">Select Me as 1</div>
  <div id="2" onClick="sessionStorage.id=2">Select Me as 2</div>
  <div id="3" onClick="sessionStorage.id=3">Select Me as 3</div>
  <div id="4" onClick="sessionStorage.id=4">Select Me as 4</div>
  <button onclick="alert(sessionStorage.getItem('id'))">Check Session Value</button>

我想您想做的是:

<div id="1" onClick="sessionStorage.setItem('id', '1')">Select Me 1</div>
<div id="2" onClick="sessionStorage.setItem('id', '2')">Select Me 1</div>
<div id="3" onClick="sessionStorage.setItem('id', '3')">Select Me 1</div>
<div id="4" onClick="sessionStorage.setItem('id', '4')">Select Me 1</div>

<button onClick="alert(sessionStorage.getItem('id'))">click to alert</button>

现场演示

您的html设置值很好,但是我不知道为什么要在getItem()之前使用setItem() ,因为那样会清除值。 提醒您id值的所有操作如下:

var id = sessionStorage.getItem("id");
alert(id);

jsFiddle

(只需重新运行小提琴即可查看点击结果)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM