1

私には 4 つの 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おらず、新しい値が保存されているように見えないことです。

どうすればこれを正しく行うことができますか?

4

3 に答える 3

4

あなたがやりたいことは次のとおりだと思います：

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

ライブデモ

于 2013-07-26T14:56:51.540 に答える