Question

我想在按回车键或刷新未重新加载后保留输入框值的jquery值。当单击按钮然后设置输入框的值但是当页面刷新或按回车键然后输入框值擦除。我使用localStorage但它对我不起作用。

这是我的HTML代码....

<button id="read">set value</button>
<input type="text" id="value">

这是我的jquery .....

$(function(){
       $('#read').on('click', function () {
           var someVarName = "value";
           localStorage.setItem("someVarName", someVarName);
           var someVarName = localStorage.getItem("someVarName");
           $('#value').val(someVarName)
       })
    });

Answer 1

以下是工作代码。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
        $('#read').on('click', function () {
           var someVarName = "value";
           localStorage.setItem("someVarName", someVarName);
           var someVarName = localStorage.getItem("someVarName");
           $('#value').val(someVarName)
       });
});
</script>
</head>
<body>
<button id="read">set value</button>
<input type="text" id="value">
</body>
</html>

按Enter键或页面刷新后，在页面后保持jquery值

1 个答案: