-3

我想要做的是：有人单击一个按钮，然后将被带到一个新页面，其中包含一个带有单个主题的联系表。所以链接需要以某种方式提供主题，例如

更准确地说，点击：

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）一起使用，那就太好了。

有没有人做过类似的事情或能够指出我正确的方向？

4

3 回答 3

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>

如果你想用这个表单重定向到另一个页面，你可以使用hash，例如：

第一页（主题选择器）

<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>

第二页（带表格）

<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>
于 2015-01-08T11:58:22.473 回答
0

您可以使用 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>

于 2015-01-08T11:55:07.657 回答
0

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

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

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

它也将是可见的，因此只能用于非敏感信息。

如果您不想在 url 中使用它，您可以随时使用本地/会话存储

于 2015-01-08T11:57:01.850 回答