Как сделать так чтобы все кнопки отправляли одну форму на странице?

Question

[masimka]

Есть форма. в ней 5 кнопок.
Как сделать так чтобы все отправляли эту форму?
делаю так

<from id='myform'>
<input>
...
<input>
...
<input>...
...<input>
...
 <button type="submit" form="setProduct" class="btn btn-primary all_submit"  onclick="asd"><?=__('Сохранить');?></button>
<input>
....
<input> 
<button type="submit" form="setProduct" class="btn btn-primary all_submit"  onclick="asd"><?=__('Сохранить');?></button>
...
<input> 
<button type="submit" form="setProduct" class="btn btn-primary all_submit"  onclick="asd"><?=__('Сохранить');?></button>
</form>

на функцию asd () отправляет только по нажатию на первую кнопку. на остальные нет.

function asd () {

        var prodId = $('input[name=prodid]').val(),
        $('#myform').submit()
    }

по селлектору класса так же отправляет только по нажатию на первую кнопку на остальны нет.

$('.all_submit').on('click', function(){
     $('#myform').submit()
   });

как сделать так чтобы кнопки сабмитта сабмиттили форму ?

Comments

[kulaeff]

Вообще-то все работает. Возможно не работает из-за того, что у вас опечатка: from вместо form.

Answer 1

[Алексей]

Когда есть список одинаковых элементов, будет обработан только первый.
Вообще зачем в кнопках onсlick?
button type="submit" в любом случае отправит форму. Функция asd () вообще не нужна.
Даже более того, тег button отправит форму даже если вообще не указать type. Он не отправляет, только если указать что type="button".
Но если хочется общее событие на отправку, лучше воспользоваться...

$( "#myform" ).on("submit", function(){
// тут вставляем нужный код который нужно произвести перед отправкой формы
......
return true;
});

Что касается самой функции asd (), то у вас там ошибка - стоит запятая после объявления переменной, а значит следующее выражение тоже попадает под объявление var. Поставьте точку с запятой после первой строки, а не запятую, и функция отработает.

Comments

[masimka]

Писал с телефона, по этому ошибки в коде. Код написан ровно так как вы меня подправили.
Без jquery и asd() - Кнопка отправляет, но только первая. Остальные не реагируют.
Решил вопрос - прикрепил ко всем кнопками в форме функцию asd(), тогда отпоавляет.
Как можно в jquery минуя asd() сделать, так чтобы какждоц кнопке не присваивать идентификатор например?

[Алексей]

Для это я например использую HTML5.

<button type="submit" role="param_1">Кнопка 1</button>
<button type="submit" role="param_2">Кнопка 2</button>
<button type="submit" role="param_3">Кнопка 3</button>

А в обработчике

$('button[type="submit"]').on('click', function(){
	// получаем параметр кнопки
	var param = $(this).attr('role');
	// делаем что нужно с полученным значением, затем отправляем форму
	$('#myform').submit();
});

[masimka]

AlexMaxTM: разве в вашем примере селектор jquery найдя первую кнопку не прикрепится к ней и не будет ждать только от неё нажатие?

[Алексей]

masimka:
Конечно нет, это же обработчик события. Например, код:

$( 'div' ).on( 'click', function(){
// какой-то код
});

Будет срабатывать при клике на любой div на странице.