Как поместить данные из input в ссылку?

Question

[1ss1za]

Подскажите как сформировать ссылку из формы? И реально ли это сделать на js?

Answer 1

[Stalker_RED]

<form method="get" action="/send/">
  <input type="text" name="to">
  <input type="text" name="text">
  <input type="submit" value="послать">
</form>

Скрипты не нужны. Чистый HTML, method="get"

Comments

[Марат Мхитарян]

используя action="save.php" можно сказать куда отправлять запрос!

[Stalker_RED]

marataziat, в данном примере на картинке это /send/ а не save.php
Спасибо, дополнил.

Answer 2

[Александр]

Если поля задать так

<label>Телефон <input id="tel"></label><br>
<label>Текст <input id="text"></label><br>
<button id="send">Послать</button>

То послать гет запрос можно так:

$("#send").click(function(){
    $.get("http://site.ru/send/",{to:$("#tel").val(),text:$("#text").val(),password:"12345",user:"user",from:"GOD"});
});

Comments

[Stalker_RED]

Есть еще $('form').serialize(), чтобы не переписывать вручную имена полей и не делать кучу лишних id'шников.

[Марат Мхитарян]

Зачем тут ваще яваскрипт?

[Александр]

Ну вдруг не нужно перезагружать страницу - тогда яваскрипт.

Answer 3

[Алексей Пахомов]

Данные с формы можно сформировать при помощи функции
var msg=$("form").serialize();

<form>
<input name="to" class="phone">
<input name="text" class="text">
</form>

Будет сформирована строка вида to=7878878787&text=TextSoobsheniya

var url = "site.ru/send" + msg + "&password=12345&user=username&from=GOD";