[英]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);
(只需重新运行小提琴即可查看点击结果)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.