Question

我正在尝试使用localstorage保存在文本框中输入的内容。

<input type='text' id='input1' name='discount_" +itemResultSet.getInt(5)+"' />
<input type='text' id='input2' name='note_" +itemResultSet.getInt(5)+"'/>

这是我的剧本：

   <script>
     document.getElementById('input1').onblur = function() {
    var in1 = document.getElementById('input1').value;
    localStorage.setItem('txtObjectid1', in1);
         };
     document.getElementById('input2').onblur = function() {
    var in2 = document.getElementById('input2').value;
        localStorage.setItem('txtObjectid2', in2);
        };
     document.getElementById('input1').value = localStorage.getItem('txtObjectid1');
     document.getElementById('input2').value = localStorage.getItem('txtObjectid2');
   </script>

编辑：

这些相同的文本框出现不止一次，我的问题是文本框的内容被保存并仅在前两个文本框中检索，它不适用于相同文本框的下一个群体。

Answer 1

虽然localStorage是一个对象，但它确实提供了一个API，我建议使用它，因为如果您设置/获取数据不正确，它会更具描述性并且更容易调试。

我写了一个非常小的＆lt; 1kb脚本，它抽象(local|session)Storage行为，使设置和获取数据变得简单：

https://github.com/toddmotto/vault/blob/master/dist/vault.js

它还提供了README.md。

中的一些示例

使用Chrome开发工具，您还可以查看localStorage面板并确保正确设置数据 - 这就是您需要看到的全部内容：）

Answer 2

要保存localStorage内容，您必须使用window.localStorage.setItem(key, value)并获取window.localStorage.setItem(key)

以下是一个工作示例：http://jsfiddle.net/hBTvA/1/

如何在动态填充的文本框中使用Localstorage？

2 个答案: