Question

我想要做的是：有人点击一个按钮，然后将其带到一个新页面，其中包含一个与个别主题相关的联系表单。因此，链接需要以诸如

之类的方式提供主题

更准确地说，点击：

button 1 = contact form with subject 1
button 2 = contact form with subject 2
button n = contact form with subject n

由于这是在Wordpress上运行的，如果它可以用于一个流行的插件，如Contact Form 7，那将是很好的。

是否有人做过相似或能够指出我正确的方向？

Answer 1

这样的东西？

<input value="subject 1" type="button" onclick="document.getElementById('ta').value='subject 1'">
<input value="subject 2" type="button" onclick="document.getElementById('ta').value='subject 2'">
<br>
<form>
    <textarea id="ta"></textarea>
</form>

如果要使用此表单重定向到另一个页面，可以使用哈希，例如：

第1页（主题选择者）

<body>
    <input value="subject 1" type="button" onclick="window.location.href='http://example.com/form#subject1'">
    <input value="subject 2" type="button" onclick="window.location.href='http://example.com/form#subject2'">
</body>

第2页（带表格）

<body onload="var hash=window.location.hash;if(hash=='#subject1'){document.getElementById('ta').value='Subject 1';}if(hash=='#subject2'){document.getElementById('ta').value='Subject 2';}">
    <form>
        <textarea id="ta"></textarea>
    </form>
</body>

Answer 2

您可以使用jQuery设置给定主题的文本框的值。

$(document).ready(function () {
  $("button").click(function () {
    $("#subject").val($(this).data("subject"));
  });
});

form {display: block; margin: 10px 0;}
form ul {margin: 0; padding: 0;}
form ul li {list-style: none; margin: 10px 0;}
textarea {display: block;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button data-subject="Hello, World!">World</button>
<button data-subject="Hello, Earth!">Earth</button>

<form action="">
  <ul>
    <li>Subject: <input type="text" id="subject" /></li>
    <li>Message: <textarea name="" id="" cols="30" rows="10"></textarea></li>
    <li><input type="submit" /></li>
  </ul>
</form>

Answer 3

您可以在链接中添加http get样式值，即

<a href="http://somelinek.com?subject=Hi this is my subject">Click</a>

请注意，您最好对网址进行编码，并且您必须从网址（window.location等）获取值，并在加载时将其注入输入值。

它也是可见的所以只应用于非敏感信息。

如果您不想在网址中使用，则可以始终使用本地/会话存储空间

链接重定向到与个别主题的联系表单

3 个答案: