表单元素链接充当按钮

时间:2011-12-10 20:08:51

标签: php html forms hyperlink

我有一个包含许多链接的HTML表单(大约17个)。我想,当点击链接时,表单将使用链接中的相同ID提交。

<form id="form" action="some page.php">
<a href='?value=0'>value 1</a><br />
<a href='?value=1'>value 2</a><br />
<a href='?value=2'>value 3</a><br />
<a href='?value=3'>value 4</a><br />
<a href='?value=4'>value 5</a><br />
***********************
****    CLIPPED    ****
***********************
<a href='?value=16'>value 17</a><br />
</form>

按下链接后,会将我发送到同一页index.php?value=some number。我希望每个链接都有一定的值/ ID,点击后,表单会被提交并发送给some page.php

这可以吗?

4 个答案:

答案 0 :(得分:2)

您必须在表单上使用名称:

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

添加隐藏字段:

<input type="hidden" name="myvalue">

然后在您的链接上使用javascript:

<a href="javascript:submit(17)">value 17</a>

<a href='#' onclick="submit(17)">value 17</a>

最后,写一个javascript:

<script language="javascript">
function submit(value) {
   document.myform.myvalue.value = value;
   document.myform.submit();
}
</script>

如果您的表单只包含一个字段,您还可以使用带值的简单链接:

 <a href="some page.php?value="17">value 17</a>

答案 1 :(得分:1)

您只需将链接指向somepage.php?value=1

即可

编辑:抱歉,我误读了!这是正确答案:使用JavaScript设置隐藏变量并提交表单:

<input type="hidden" name="value" />
<a onclick="this.form.value=1; this.form.submit();">value 1</a>
<a onclick="this.form.value=2; this.form.submit();">value 2</a>

答案 2 :(得分:0)

你可以使用href =&#34; some page.php?value =&#34;等,但URL中不允许裸露的空间。但这意味着只是一个链接 - 而不是表单提交。如果要进行表单提交,请使用input type = submit或button type = submit elements。最简单的方法可能是使用value参数输入type = submit。但是,您的真正问题(无法从描述中猜到)可能会有完全不同的解决方案。

答案 3 :(得分:0)

这看起来像一个链接,但是一个按钮。您将无法获得所访问链接颜色的好处,但我相信这正是您所寻找的。

http://jsfiddle.net/KtZPW/3/