2 одинаковые кнопки отправки - введите правильный идентификатор формы после отправки

Question

Я использую jquery 1.3.2. У меня есть две одинаковые кнопки отправки с одинаковыми идентификаторами на одной странице. Кнопки имеют разные идентификаторы формы.

Обе кнопки имеют одинаковый идентификатор

<input type="submit" id="edit-submit-43" class="form-submit"> 

Обе формы имеют разные идентификаторы

<form action="/productxy" accept-charset="UTF-8" method="post" id="uc-product-kit-add-to-cart-form-43-1" class="ajax-cart-submit-form"></form> 

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

Answer 1

Вы не показывать JS для, но если вы являетесь обязательными для общих обработчик щелчка на кнопках или общий обработчик отправки на формы, которые вы использовали бы this в сочетании с методами обхода DOM:

$(".form-submit").click(function() { 
    // assuming the button is actually inside its associated form: 
    var parentFormID = $(this).closest("form").attr("id"); 
}); 

или:

$("form").submit(function() { 
    var myId = this.id; 
}); 

В обработчике события this будет относиться к элементу, что событие применяется к.

И обратите внимание, что недействительно иметь повторяющиеся идентификаторы.

Answer 2

ID на странице HTML должен быть уникальным.

Изменить это

<input type="submit" class="form-submit"> 

Вы можете удалить id кнопки полностью, как это не требуется

$('.form-submit').on('click', function() { 

    var $form = $(this).closest('form'); 

    // this should give you the corresponding form 
    // in which the button is in 

    var formId = $form.attr('id'); 
});