Question

在我的JavaScript代码中，我有4个输入字段和1个提交按钮。单击“提交”按钮时，应固定第一个输入字段的值，使其不发生变化，其余3个输入字段在填充一些数据后应重置为空字段。

我在“提交”按钮中调用页面刷新功能。

因此，每当我单击“提交”按钮时，我的第一个输入也会刷新。

任何人都可以调查一下并帮助解决此问题。

提前谢谢。...

<!DOCTYPE html>
<html>
<head>
<script>
function refreshPage(){
window.location.reload();
}
</script>
<script>
function incrementValue(){
var value = " " + parseInt(document.getElementById('number').value);
value = isNaN(value) ? 0 : value;
value++;
document.getElementById('number').value = "00" + value;
}
</script>

</head>
<body>
<form>
First Input Value should set after refresh page : <input type="text" 
id="number" value="001" readonly/><br>
Second Input Value should reset : <input type="text" autofocus /><br>
Third Input Value should reset: <input type="text" autofocus /><br>
Forth Input Value should reset : <input type="text" autofocus /><br>
<button type="submit" onclick="incrementValue(), refreshPage()" 
>Submit</button>
</form>

</body>
</html>

Answer 1

尝试使用localStorage，即使刷新后也可以从网页中获取信息。

https://www.w3schools.com/jsref/prop_win_localstorage.asp

在一种形式的两个<input>字段中，如何在刷新页面后设置第一个<input>值固定值并重置第二个<input>值

1 个答案: