Перенаправление ссылки на контактную форму с отдельной темой

Я хочу сделать следующее: кто-то нажмет кнопку, и его перенаправят на новую страницу с контактной формой с отдельной темой. Таким образом, ссылка должна предоставлять тему таким образом, как

Чтобы быть более точным, нажмите на:

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.

Кто-нибудь сделал подобное или может указать мне правильное направление?

Источник

3 ответа

Что-то вроде этого?

<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>
Источник

Вы можете просто установить значение текстового поля с заданным предметом, используя 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>

Источник

Вы можете добавить в ссылку значение http get style, т.е.

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

Имейте в виду, что вам лучше будет кодировать URL, и вам нужно будет получить значение из URL (window.location и т. Д.) И вставить его в значение вашего ввода при загрузке.

Он также будет виден, поэтому его следует использовать только для не конфиденциальной информации.

Если вы не хотите, чтобы это было в URL, вы всегда можете использовать локальное / сессионное хранилище

Источник
Другие вопросы по тегам