用于存储和检索非空白ID的本地存储

时间:2018-08-06 19:38:53

标签: javascript local-storage

我有一个循环,该循环使用localstorage来存储非空白ID#M1至#M48 但是还需要一种方法来检索本地存储变量。我怀疑答案与JSON.stringify有关。

我该怎么做?

<form>

<input type = "text" id = "M1" />
<input type = "text" id = "M2" />
<input type = "text" id = "M3" />
...

</form>

<script> //store the variables

$max_entrants = 48;     

for ($i = 0; $i <= $max_entrants; $i++) {

localStorage.setItem("LS-MEM_" +$i, "M" +$i);

}

</script>

<script> //retrieve the variables into a form using ID#s

$max_entrants = 48;     

for ($i = 0; $i <= $max_entrants; $i++) {

$wrench = localStorage.getItem("LS-MEM_" +$i); 
$("#M" +$i).val($wrench); 

}

</script>

此脚本上方的脚本已经过测试,并且失败。

<div id = "result"></div>

<script>
document.getElementById("result").innerHTML = localStorage.getItem("LS-MEM_2");
</script>

输出为====== >>“ M2”

这可以解决吗?

1 个答案:

答案 0 :(得分:2)

那么,字符串“ M2”就是您存储在本地存储中的内容。尝试使用类似的方法(假设您使用jQuery)来存储值。

localStorage.setItem("LS-MEM_" +$i, $jQuery("#M"+$i).val() );

链接到小提琴:https://jsfiddle.net/iPirat/26tjsva1/