在 JavaScript 中更改输入值并提交表单

我目前正在制作一个基本表格。当您点击提交按钮时，它应该首先更改字段的值，然后像平常一样提交表单。一切看起来有点像这样：

<form name="myform" id="myform" action="action.php">
    <input type="hidden" name="myinput" value="0" />
    <input type="text" name="message" value="" />
    <input type="submit" name="submit" onclick="DoSubmit()" />
</form>

这就是我对 JavaScript 代码的了解。它将“myinput”的值更改为 1，但不提交表单。

function DoSubmit(){
  document.myform.myinput.value = '1';
  document.getElementById("myform").submit();
}

你可以这样做：

<form name="myform" action="action.php" onsubmit="DoSubmit();">
    <input type="hidden" name="myinput" value="0" />
    <input type="text" name="message" value="" />
    <input type="submit" name="submit" />
</form>

然后修改你的 DoSubmit 函数只返回 true，表示“没关系，现在你可以提交表单”到浏览器：

function DoSubmit(){
  document.myform.myinput.value = '1';
  return true;
}

我还对在提交按钮上使用 onclick 事件持谨慎态度；事件的顺序不是很明显，并且如果用户通过（例如在文本框中按回车键）提交，则不会调用您的回调。