提交位于另一个表单内的表单

时间:2009-10-21 21:52:21

标签: javascript html

看一下这个html:

<head>
<title>Test page</title>
<script type="text/javascript">
    function submitForm() {
        document.getElementById("form2").submit();
     }
</script>
</head>
<body>
<form id="form1" name="form1">
    <input type="hidden" name="test1" value="test" />

    <form id="form2" name="form2" action="http://google.com">
        <input type="hidden" name="test2" value="nothing" />
    </form>
</form>
<a href="javascript:void(0)" onclick="submitForm()">Submit</a>
</body>

我想做的是使用javascript在form1中提交form2。我希望这可以通过submitForm()函数来完成。问题是它似乎不起作用。我正在使用FireFox进行测试,并且总是会收到错误消息,表明它未定义。有谁知道我怎么能让它运作?提前致谢!

2 个答案:

答案 0 :(得分:8)

您不能像这样嵌套HTML表单。在启动form2之前结束form1。如有必要,复制隐藏的输入。

答案 1 :(得分:0)

好吧,鉴于您没有ID为“xxx”的元素,我可以看到您的脚本可能遇到一些困难。也许你的意思是“form2”?