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

Question

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

<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();
}

Answer 1

不可以。当您的输入类型为提交时，您应该在标记中声明一个 onsubmit 事件，然后进行您想要的更改。意思是，在表单标记中定义一个 onsubmit 。

否则，将输入类型更改为按钮，然后为该按钮定义一个 onclick 事件。

Answer 2

您尝试访问基于 name 属性的元素，该属性用于回发到服务器，但 JavaScript 响应 id 属性。添加一个与 name 具有相同值的 id ，一切都应该可以正常工作。

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

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

Answer 3

我的问题原来是我分配为 document.getElementById("myinput").Value = '1';

注意到 Value 中的大写 V 了吗？一旦我将其更改为小写，即 value，数据就开始发布。奇怪的是它也没有给出任何 JavaScript 错误。

Answer 4

我已经做到了这一点并且它对我有用。
首先，您必须添加一个脚本，例如我的 SetHolderParent() 并调用如下所示的 html 代码。

function SetHolderParent(value) {
   alert(value);
}

<input type="submit" value="Submit" onclick="SetHolderParent(222);" />

Answer 5

您可以使用 onchange 事件：

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

Answer 6

这可能对你有帮助。

您的 HTML

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

您的脚本

    <script>
        function save(){
            $('#myinput').val('1');
            $('#form').submit();
        }
    </script>

Answer 7

您可以这样做：

<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 事件持谨慎态度;事件的顺序并不是很明显，并且如果用户通过（例如在文本框中按回车键）提交，则不会调用您的回调。

Answer 8

document.getElementById("myform").submit();

这不起作用，因为您的表单标签没有 id。

像这样改变它，它应该可以工作：

<form name="myform" id="myform" action="action.php">

Answer 9

这是简单的代码。您必须为您的输入设置一个 id。这里将其称为“myInput”：

var myform = document.getElementById('myform');
myform.onsubmit = function(){
    document.getElementById('myInput').value = '1';
    myform.submit();
};