1

我使用 jquery 创建输入字段，如何在刷新页面后保持这个“新输入值”存在

代码是

function onMyButtonclick() 
        {   var a =$('#addItem').val()
            $('#resultList').append('<li>'+a +'</li>');
            $('#addItem').val("");

        }
<input type="button"  value="add" onClick="onMyButtonclick();">
<ol id="resultList">
    <li>just example</li>
</ol>
</form>

解决方案是如此重要..

4

2 回答 2

2

您必须了解，在页面刷新时，DOM 会再次重建，因此在页面刷新后没有直接的方法让这个“新输入值”存在，因为它是在用户交互时以编程方式添加到 DOM 中的。

但尽管如此，您在浏览器中还有其他机制可用于在页面刷新时保留信息。您有cookie和其他与存储相关的功能集，包括 localStorage、sessionStorage、globalStorage。您可以在此处阅读有关这些功能的DOM 存储指南。对于您的情况， LocalStorage 将是最合适的。

因此，基本上您需要的解决方案是让您修改onMyButtonClick函数以存储有关已添加到上述任何浏览器持久性机制中的输入项的信息。当页面在刷新时再次加载时，您编写一个新函数，该函数使用您存储的信息再次生成输入元素。

我还建议您阅读以下文章：Web 应用程序本地存储的过去、现在和未来

于 2013-10-12T16:08:50.687 回答
0

使用本地存储

var data = JSON.parse(localStorage.getItem('a')) || [];
//do something with data array
data.push($('#addItem').val());
localStorage.setItem('a', JSON.stringify(data));
于 2013-10-12T16:20:27.970 回答