localStorage undefined

с этой function:

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... на консоли.

что мне не хватает?

1
07 июля '15 в 7:41
источник поделиться
2 ответов

Вам необходимо передать значение textarea, а ключ хранения - 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
}

Демо: скрипка

2
07 июля '15 в 7:53
источник

Трудно сказать, чего вы пытаетесь достичь здесь, однако самое простое решение - позволить вашей функции appendToStorage выполнять работу:

function appendToStorage (name) {
  
  // get the target element by it name
  var el = document.querySelector('[name="' + name + '"]');
  
  // check we're getting the correct info
  console.log("[" + name + "]:", el.value);
  
  // save it to storage (you may also want to retrieve the last value and append it)
  window.localStorage.setItem(name, el.value);
}
input {display: block; margin: 0 0 1em; } pre { font-size: 0.9em; display: block; margin: 0.5em 0; }
<script>console.log = function () { document.getElementById("output").innerHTML = Array.prototype.slice.call(arguments).join(" "); }</script>
<textarea name="textbox" cols="50" rows="3">
say it...
</textarea>
<input type="submit" onclick="appendToStorage('textbox')"/>
<textarea name="textbox-again" cols="50" rows="3">
say it again...
</textarea><br>
<input type="submit" onclick="appendToStorage('textbox-again')"/>
<pre id="output"></pre>

Примечание. Вышеизложенное не отражает лучшую практику, однако оно показывает, как получить значение из текстового поля.

1
07 июля '15 в 11:12
источник

Посмотрите другие вопросы по меткам или Задайте вопрос