[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Сформировать и отправить форму c помощью jQuery
ruportd
На странице имеются две формы (как есть):
...
<h1>Заголовок</h1>
...
<form>
<button
id="type1">button text</button>
</form>
<form>
<button
id="type2">button text</button>
</form>

...

В зависимости от того на какую кнопку из этих форм нажмет пользователь, с помощью jQuery необходимо:
1 ) задать аттрибуты для формы:
action="action.php"
target="_blank"
method="POST"

2 ) добавить в форму два hidden-поля:
а) со значением type1 или type2 (берется из id кнопки), в зависимости от формы
<input type="hidden" name="type" value="type1" />

б) со значением равным содержимому тега h1 текущей страницы
<input type="hidden" name="h1" value="[содержимое h1]" />

3 ) отправить форму (произвести submit) с открытием в новом окне.
Подскажите как это реализовать?
Kusss
$('form').on('click', button[id^='type'], function(){
let $form = $(this).closest('form'), // форма и все её элементы
button_name = $(this).attr('id'); // атрибут ID на который нажали

// массив для отправки

let data = {
'button_name' : button_name,
'h1' : $('h1').text()
}


$.post('action.php', data)
.
done ( function(result){
console.log(result);
})
.
fail ( function(result){
console.log('Ошибка');
})
});
killer8080
ruportd
Один вопрос, а зачем в этой задаче вообще нужен js?
walerus
killer8080 Очевидно же - изучают JS rolleyes.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.