javascript - 本地存储未定义

Question

使用这个函数:

function appendToStorage(name, data) {
    var old = localStorage.getItem(name);
    if (old === null) old = '';
    localStorage.setItem(name, old + data);
}
appendToStorage('oldData', $('textbox').value);

和这个html:

<textarea name ="textbox" cols="50" rows="5">
say it...
</textarea><br>

<input type="submit" onclick="appendToStorage(name, data)"/>

我在控制台上得到 undefinedundefinedundefined...。

我错过了什么？

Answer 1

您需要将文本区域的值和存储键传递给appendToStorage。

所以最好使用另一种方法来执行此操作，例如单击按钮时调用

<input type="submit" onclick="addTextArea();" />

然后

function appendToStorage(name, data) {
    var old = localStorage.getItem(name);
    if (old === null) old = '';
    localStorage.setItem(name, old + data);
}
addTextArea();

function addTextArea() {
    appendToStorage('oldData', $('textarea[name="textbox"]').val());//use .val() to get the value, also need to use attribute selecotr for name
}

演示:Fiddle