无法将本地存储加载到文本区域

时间:2014-09-11 16:48:18

标签: javascript html5

我似乎无法加载一个名为:" MyNewLocation"的本地存储变量。进入表格的文本区域。

<div class="kn-input kn-input-paragraph_text" id="kn-input-field_53"> 
<label for="field_53" class="knack-input-label"><span class="kn-input-label">Location</span></label>
<p class="kn-instructions" style="display: none;"></p>
<div class="input">
<textarea id="field_53" name="field_53"></textarea>
</div>  
</div>

我用来检索localStorage变量的Javascript是:

var MyNewLocation = document.querySelector("#field_53");
if (window.localStorage["MyNewLocation"]) {
MyNewLocation.value = window.localStorage["MyNewLocation"];
};

任何人都可以帮我吗?

这是一个小伙伴:http://jsfiddle.net/kab35Lox/3/

非常感谢。

1 个答案:

答案 0 :(得分:0)

您将DOM对象与与这些对象关联的字符串值混淆。您也没有清楚地显示如何派生在localStorage查找中使用的密钥。在我的例子中,我假设键名与输入字段id(field_53)相同;

var MyNewLocation = document.querySelector("#field_53");
var locationKey = 'field_53';
var locationValue = window.localStorage.getItem(locationKey);
if (locationValue) {
    MyNewLocation.value = locationValue;
} else {
    console.log('Error retrieving key `' . locationKey . '` from localStorage');
}