JS函数清除我的表单变量值

JS function clear my form variables values

本文关键字：表单 变量值 我的 清除 函数 JS      更新时间：2023-09-26

我用一个文本和一个复选框编写了一个简单的表单。接下来，我编写了运行onsubmit表单的函数。当我提交带有onsubmit函数的表单时，文本和复选框值都是清除的（文本只发送变量的名称，没有值，复选框什么都不发送），否则，没有onsubmit功能，一切都很好。为什么？有一个代码：

<!DOCTYPE html>
<html>
<head>
<script>
function addInput(task) {
document.getElementById('adminForm').innerHTML += "<input type='hidden' value="+task+" name=task/>";
}
</script>
</head>
<body>
<form method="get" id="adminForm" onsubmit="addInput('Save')">
<input type="text" name="example"/>
<input type="checkbox" name="box" value="1"/>
<input type="submit" name="tas" value="Send"/>
</form>
</body>
</html>

的几个问题

  1. 你需要返回false来停止提交-你只是看到你的页面被重新加载-或者从服务器上显示结果以查看它是否提交了

  2. 您需要更新div，而不是表单：

<!DOCTYPE html>
<html>
<head>
<script>
function addInput(task) {
  document.getElementById('adminForm').innerHTML += "<input type='hidden' value="+task+" name=task/>";
  window.console && console.log(task+" added");
  return false; // remove this if you want the form to be submitted
}
</script>
</head>
<body>
<form method="get" onsubmit="addInput('Save')">
  <div id="adminForm"> 
    <input type="text" name="example"/>
    <input type="checkbox" name="box" value="1"/>
    <input type="submit" name="tas" value="Send"/>
  </div>
</form>
</body>
</html>
相关文章：