我正在使用LocalStorage来记住字段的值。但是,我注意到,当我的可选textarea字段保留为空白时,它显示一条消息,内容为“未定义”。真的应该怎么占位。未定义的文本来自哪里,我该如何解决?
文字区
<textarea name="note" id="note" form="order" placeholder="Add your note..."></textarea>
loadStorage功能
function loadSettings() {
$('#note').val(localStorage.setnote);
}
function saveSettings() {
localStorage.setnote = $('#note').val();
}
最佳答案
就您而言,您将具有以下代码:
function loadSettings() {
$('#note').val(localStorage.getItem("setnote") || defaultValue); // The "|| defaultValue" is probably what you're looking for
}
function saveSettings() {
localStorage.setItem("setnote", $('#note').val());
}
如果
defaultValue
中没有setnote
(例如,用户第一次加载页面且尚无设置),请用您要设置的值替换localStorage
。这将防止函数返回undefined
。请注意,您可以继续使用
localStorage['setnote']
或localStorage.setnote
来访问存储的属性。使用getItem
和setItem
的唯一好处是,您可以使用它以其他方式保留的名称存储对象,例如length
,key
,setItem
,getItem
,removeItem
和clear
。做这种事情的原型是:
localStorage.setItem('nameOfMyValue', value);
然后,您可以使用
var retrievedObject = localStorage.getItem('nameOfMyValue');
关于javascript - localStorage:Textarea在刷新时显示“undefined”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/38661274/