从链接提交表单

时间:2011-03-04 04:13:34

标签: javascript html forms

这是我试图做的没有成功的事情:

<form name="something" action="ht.php" method="post">
   <a href="#" onclick="document.url.submit('helloworld');">Submit</a>
</form>

当我点击链接时,我想将值helloworld发布到ht.php。我怎么能这样做?

5 个答案:

答案 0 :(得分:31)

你不能只做document.url.submit(),它不能那样工作。

试试这个:

<form id="myForm" action="ht.php" method="post">
    <input type="hidden" name="someName" value="helloworld" />
    <a href="#" onclick="document.getElementById('myForm').submit();">Submit</a>
</form>

这应该有用!

答案 1 :(得分:7)

使用jQuery,它非常简单:

$('form .submit-link').on({
    click: function (event) {
        event.preventDefault();
        $(this).closest('form').submit();
    }
});

然后您只需正常编码,将类submit-link分配给表单提交链接:

<form action="script.php" method="post">
    <input type="text" name="textField" />
    <input type="hidden" name="hiddenField" value="foo" />
    <a href="#" class="submit-link">Submit</a>
</form>

如果您希望使用链接而不是传统按钮在网站上维护美学主题,我发现此方法很有用,因为没有内联脚本。

Here's a JSFiddle,虽然它不会在任何地方提交。

答案 2 :(得分:2)

试试这个,

<!-- you need to give some name to hidden value [index for post value] -->
<form name="something" action="ht.php" method="post">
    <input type="hidden" name="somename" value="helloworld" />
    <a href="javascript: document.something.submit();">Submit</a>
</form>

也试试这个

<!-- you need to give some name to hidden value [index for post value] -->
<!-- also you can use id to select the form -->
<form name="something" action="ht.php" method="post" id="myform">
    <input type="hidden" name="somename" value="helloworld" />
    <a href="javascript: document.getElementById('myform').submit();">Submit</a>
</form>

答案 3 :(得分:2)

<form id="frmMain" action="ht.php" method="post">
    <a href="#" onclick="document.forms['frmMain'].submit();">Submit</a>
</form>

答案 4 :(得分:1)

您可以在页面上添加隐藏字段(设置它的名称属性),将其值设置为helloworld。

然后在你的超链接的onclick调用form.submit()