Question

我有一个输入类型的文本框值将在提交按钮时存储在本地存储

<html>
<body action="Servlet.do" >
<input type="text" name="a"/>
<button type="submit"></button>
</body>
</html>

如何在提交按钮后存储在localstorage中？

Answer 1

提交按钮的Onclick功能请执行以下代码，将文本框值存储在localstorage中，并带有键“a”。

localStorage.setItem("a", document.getElementsByName('a').value);

请查看以下代码段以获取更多理解。

<强> HTML

<html>
  <body action="Servlet.do" >
    <input type="text" name="a"/>
    <button type="submit" onclick="storeVal();">Submit</button>
  </body>
</html>

<强>的Javascript

function storeVal(){
  localStorage.setItem("a", document.getElementsByName('a').value);
}

Answer 2

您可以从此列表http://caniuse.com/#search=localstorage检查目标浏览器是否支持localstorage。然后，您可以使用 localStorage.setItem 设置值，并使用 localStorage.getItem 来检索它。

Answer 3

你也可以这样做：

本地存储作为键/值使用[inputValue]作为键

的的jQuery

localStorage.inputvalue = $('input').val()

要从LocalSorage获取值，请执行以下操作：

$('input').val(localStorage.inputvalue)

webbrowser中的Localstorage

3 个答案: