使用<a> tag to make a POST</a>

时间:2013-08-06 16:42:47

标签: html forms post tags

我知道我无法直接通过&lt;一个&GT;标签,但我可以将其包装成一个表格,如:

<form action="theUrl" method="POST">

    <input type="hidden" name="param1" value="key1" />
    <a href="/url1" onclick="submit()">key1</a>

    <input type="hidden" name="param2" value="key2" />
    <a href="/url2" onclick="submit()">key2</a>

</form>

这样,当我点击url1时,表单如何使用value ='key1'进行POST?非常感谢你!

2 个答案:

答案 0 :(得分:2)

单击<a>中的任意一个将POST两个键。最简单的解决方案是有两个<form>。这里:

<form action="theUrl" method="POST">

    <input type="hidden" name="param1" value="key1" />
    <a href="/url1" onclick="this.parentNode.submit()">key1</a>

</form>

<form action="theUrl" method="POST">

    <input type="hidden" name="param2" value="key2" />
    <a href="/url2" onclick="this.parentNode.submit()">key2</a>

</form>

或者,您可以执行以下操作提交表单:

<script type="text/javascript">
 function s(x)
 {
   x.parentNode.submit();
 }
</script>

<form action="theUrl" method="POST">

    <input type="hidden" name="param1" value="key1" />
    <a href="/url1" onclick="s(this)">key1</a>

</form>

<form action="theUrl" method="POST">

    <input type="hidden" name="param2" value="key2" />
    <a href="/url2" onclick="s(this)">key2</a>

</form>

答案 1 :(得分:0)

在标记的onclick中调用js函数。然后在函数内部提交表单。

    <a href="javascript:void(0);" onclick="submitform()">

    <script type="text/javascript">  
       function submitform()  {
          document.formName.submit();
       }
    </script>