单击按钮的 HTML 本地存储答案

【问题标题】：HTML local storage with button click单击按钮的 HTML 本地存储
【发布时间】：2013-10-22 20:23:35
【问题描述】：

尝试存储一堆文本框，一旦填充并单击按钮到本地存储。我环顾四周，只发现了我正在尝试的这个，除了我得到 Uncaught ReferenceError: save_data is not defined。任何见解将不胜感激。

<label for="serveri"> Server: </label> <input type='text' name="server" id="saveServer"/> <button onclick="save_data()" type="button" value="Save" id="Save">Save</button>

<script>
function saveData(){ var input = document.getElementById("saveServer"); 
localStorage.setItem("server", input.value);
var storedValue = localStorage.getItem("server"); } </script>

如果上面没有显示我的问题，请在 jsfiddle:http://jsfiddle.net/hhntg/

【问题讨论】：

标签： javascript html reference local-storage

【解决方案1】：

编辑了您的 jsfiddle 以使事情正常进行。您只需要在单击按钮时运行该功能。通过检查器测试和验证与本地存储的合作。

http://jsfiddle.net/hhntg/1/

var save_button = document.getElementById('Save')
save_button.onclick = saveData;

function saveData(){
  var input = document.getElementById("saveServer");
  localStorage.setItem("server", input.value);
  var storedValue = localStorage.getItem("server");
}

这里代码的唯一区别是您编写的函数附加到保存元素上的单击处理程序，您几乎就在那里:)

【讨论】：

太棒了！我看到它适用于服务器文本框，有没有一种快速的方法来包含整个调查？
当然，您只需要获取其余输入并使用setItem 保存它们，就像您对服务器输入所做的那样：)

【解决方案2】：

根据我的观察。您的函数名称为 saveData，因为您使用 save_data 作为按钮

【讨论】：