Javascript 单击事件时存储值

我试图在单击变量上的submit按钮时存储html表单的文本值。单击submit按钮后，该值立即存储，然后再次变白。为什么会这样

var userSearch=”“；
$（文档）.ready（函数（）{
$（“#按钮a”）。单击（函数（）{
userSearch=document.getElementById（“userSearch”）.value；
log（userSearch）；
});
log（userSearch）；
});

提交
单击“提交”时，按按钮的性质，页面将重新加载。这将重置现有的表单值。理想情况下，您应该将用户带到一个新页面，该页面将由服务器端语言（如PHP）提供服务。如果希望数据保持输入的方式，请将
提交
更改为

或者，使用cookies在页面重新加载之间存储表单值

但是请注意，您现有的脚本在代码段中运行良好。因此，您的计算机（在您这边）可能出现其他问题。
按
表单中的按钮默认情况下提交表单。因此，页面将被重新加载，客户端变量的任何状态都将丢失

要防止这种情况，您可以：


通过对侦听器中传递的事件对象调用
e.preventDefault（）
来防止提交
使用另一种机制（例如cookies）将变量从一个页面加载传递到另一个页面加载

示例
preventDefault

var userSearch=”“；
$（文档）.ready（函数（）{
$（“#按钮A”）。单击（功能（e）{
e、 预防默认值（）；
userSearch=document.getElementById（“userSearch”）.value；
log（userSearch）；
});
log（userSearch）；
});

提交
您正在通过单击提交表单并重新加载页面当您单击提交时，整个页面将重新加载，从而失去以前的值。如果需要保留该值，请查看Cookie或localstorage对象。