1

我想我明白我为什么感到困惑了。特定表单的内容已提交，但页面会重新加载。这导致两者的内容都消失了，让我认为它提交了两者的内容。谢谢！（如果我错了也请纠正我）

已回答问题：

我在页面上制作表格。但是提交按钮会影响两种形式。（我的意思是让两个输入都消失）我怎样才能让它只提交给一个特定的？我试过做这些，

<Input type="button" value="submit" onClick="document.form.sumbit.formName">
<Input type="button" value="submit" onClick="document.sumbit.formName">
<Input type="button" value="submit" onClick="document.formName.submit">

但那些没有用。如果有人能告诉我如何将其指定为特定形式，那将是一个很大的帮助！

<body>

    <FORM name="personal">
       Name:<Input type="text"><br>
       E-mail:<Input type="text"><br>
       <Input type="submit" value="submit">
    </FORM>
    <hr>
    <FORM name="preferences">
       Favourite food:<Input type="text"><br>
       Favourite drink:<Input  type="text"><br>
       <Input type="submit" value="submit">
    </FORM>
</body>

4

4 回答 4

3

以下是使用 JavaScript 的方法：

    <FORM name="personal" id="personal">
       Name:<Input type="text"><br>
       E-mail:<Input type="text"><br>
       <Input type="submit" value="submit" onclick="submit_personal">
    </FORM>
    <hr>
    <FORM name="preferences" id="preferences">
       Favourite food:<Input type="text"><br>
       Favourite drink:<Input  type="text"><br>
       <Input type="submit" value="submit" onclick="submit_preferences">
    </FORM>


<script>
function submit_preferences(){
    document.getElementById("Preferences").submit();
    }
function submit_personal(){
    document.getElementById("Personal").submit();
    }

</script>

实际上，这里有一个编辑。我测试了你的原始代码，它工作正常。我认为您可能希望在新窗口中打开它或不关闭当前窗口。为此，可以使用 AJAX，也可以只添加target="_blank"到原始文件中，如下所示：

    <FORM name="personal" id="personal" target="_blank">
       Name:<Input type="text"><br>
       E-mail:<Input type="text"><br>
       <Input type="submit" value="submit">
    </FORM>
    <hr>
    <FORM name="preferences" id="preferences" target="_blank">
       Favourite food:<Input type="text"><br>
       Favourite drink:<Input  type="text"><br>
       <Input type="submit" value="submit">
    </FORM>
于 2013-07-26T19:09:27.740 回答
3 
document.forms['preferences'].submit()

不过，我不确定我们是否能满足您的要求。发布任一表单都会往返整个页面，因为这正是 HTTP 的工作方式。如果您想异步发布一个表单，而另一个则保持不变，则需要使用 AJAX。

于 2013-07-26T19:03:02.810 回答
1

这应该对你有用， 

    <FORM name="personal">
       Name:<Input type="text"><br>
       E-mail:<Input type="text"><br>
       <Input type="submit" name="form2" value="submit">
    </FORM>
    <hr>
    <FORM name="preferences">
       Favourite food:<Input type="text"><br>
       Favourite drink:<Input  type="text"><br>
       <Input type="submit" name="form2" value="submit">
    </FORM>
</body>
于 2013-07-26T19:02:52.910 回答
0 
<button type="submit" form="form1" value="Submit">Submit</button>
于 2016-03-21T13:32:53.433 回答