Как добавить строки запроса к URL при отправке формы?

Question

Хорошо, у меня есть 2 формы на веб-сайте клиента (веб-сайт построен на WordPress).

Клиент использует Mail Chimp для маркетинга своей электронной почты и имеет две формы, настроенные в Mail Chimp для захвата пользователей.данные и подписать их на два разных списка.

У меня есть 2 раздела на веб-сайте с мини-версиями этих форм - формы, которые он сделал в почтовом шимпанзе, намного больше и требуют больше деталей, чем те, на которых я имеюна сайте есть только имя, телефон, адрес электронной почты.

Я прочитал статью в блоге почты шимпанзе, в которой рассказывается, как можно автоматически заполнять определенные поля в форме при загрузке страницы, добавив соответствующий запрос в конецURL-адрес, например http: / FORMADRESS & MERGE1 = Jack - это позволит предварительно заполнить поле «Имя» в форме именем Jack.

((http://blog.mailchimp.com/how-to-pre-fill-items-on-your-mailchimp-hosted-form/))

Как добавить эти строки запроса в конец URL-адреса, чтобы предварительно заполнить 3 поля мини-формы на сайте в форме большого почтового шимпанзе?

Любая альтернативаsРешения, о которых все знают, также будут высоко оценены.

С уважением,

Answer 1

Форма должна сработать, если я вас правильно понимаю:

<form action="http://echo.iambroken.com/" method="get">
    <input name="one">
    <input name="two">
    <input type="submit">
</form>

Обратите внимание, что если в URL-адресе action уже есть строка запроса, это заменит ее - так что, если есть другиепараметры в URL уже включены, вместо этого включите их в форму в виде скрытых входных данных, таких как этот:

<input type="hidden" name="q" value="123">

Answer 2

Используя JQuery, вы можете изменить атрибут действия при загрузке формы.В приведенном ниже примере я отфильтровываю только те параметры QueryString, которые мне нужно отправить вместе с формой, и применяю их к действию.

$(function(){
    var urlParams = new URLSearchParams(location.search);
    var id = urlParams.get('id');
    var codeid = urlParams.get('codeid');
    var params = "?id=" + id + "&codeid=" + codeid;
    $("form").attr("action", location.pathname + params);
});

Answer 3

Вы можете добавить скрытую переменную в форму, просто добавив запрос Здесь вы можете сделать следующее в вашем javacript.

Var hiddenVar="<input type="hidden" name="q" value="123">"
$('form').append(hiddenVar)

и вы можете получить этот параметр запроса значения в вашем действии.

Answer 4

Вы получаете мини-форму из трех полей и толкаете их в другую форму как скрытые поля. Затем, когда используется, отправьте их, скрытое поле также является частью формы и будет добавлено в URL.