链接点击表单提交并一起链接

时间:2015-05-03 09:19:17

标签: html forms

我有这样的形式

<form name="test_form" action="" method="post">
    <input type="text" value="demo">
    <a href="google.com">Link</a>
</form>

我想通过点击链接提交该表单,也可以转到该链接(google.com)。

我该怎么做? 我可以点击链接提交表单,但不能一起完成。

1 个答案:

答案 0 :(得分:2)

您需要在服务器上重定向

例如在PHP中:

<?PHP
$url = $_POST["url"]; // you need to clean this
// save whatever here
header("Location: ".$url);
?>

<script>
window.onload=function() {
  document.getElementById("submitLink").onclick=function() {
    var form = document.getElementById("myForm");
    document.getElementById("url").value=this.href;
    form.submit();  
    return false; // cancel link
  }
}
</script>
<form id="myForm" action="saveandredirect.php" method="post">
  <input type="text" name="somefieldname" value="demo">
  <input type="hidden" id="url" name="url" value="">
</form>
<a href="http://google.com" id="submitLink">Link</a>