用jquery / js传递其他页面输入字段中实际页面的URL

时间:2015-08-28 11:35:45

标签: javascript jquery

我有一个页面旅行预订的网站,在每个页面我想要插入一个按钮(现在预订),当点击这个按钮我想进入另一个页面(与联系表格),这个页面与联系表格我想要添加一个输入字段(隐藏类型),并传递我刚刚访问过的书籍旅行的链接页面,这样您就可以了解我收到该消息的位置。

示例这是页面mydomain.com/contact-form /

中的表单
  <form>
      E-mail: <input type="email" name="usremail">
      <input type="hidden" id="getting-message" name="getting-message-url" value="Norway">
      <input id="buttonrequest" type="submit">
    </form>

这是每个书页上的按钮显示:

<a href=""  id="reservation" class="button">Reservation</a>

单击按钮时,如何在“getting-message-url”字段上传递书页的URL?

2 个答案:

答案 0 :(得分:0)

您可以使用document.referrer。referrer属性返回您导航到当前页面的页面的URL(加载当前文档的文档)。

使用Jquery

<head>
<script>
$(document).ready(function() {
$('#getting-message').val(document.referrer);
});
</script>
<head>
<html>
<body>
    <form>
  E-mail: <input type="email" name="usremail">
  <input type="hidden" id="getting-message" name="getting-message-url" value="Norway">
  <input id="buttonrequest" type="submit">
</form>
</body>
<html>

使用Javascript

document.getelementById('getting-message').value= document.referrer;

答案 1 :(得分:0)

不要将“预订”按钮作为链接,而是将其设为表格:

<?php
  $this_url = "http" . (isset($_SERVER['HTTPS']) ? 's' : '') . "://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";
?>
<form method="post" action="contact.php">
  <input type="hidden" name="from" value="<?php echo $this_url; ?>">
  <button type="submit">Reservation</button>
</form>

(将contact.php更改为您的联系表单的位置)

然后在您的联系表格上:

<?php
  $from = isset($_POST['from']) ? htmlspecialchars($_POST['from']) : '';
?>
<input type="hidden" name="from" value="<?php echo $from; ?>">