jquery свойство show () не работает с несколькими кнопками

Question

У меня есть 2 формы: FormA и FormB

<input id="submit"  type="submit"  value= "FormA" />

<input id="submit"  type="submit"  value= "FormB" />

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

Нажмите кнопку

Пробовал использовать jquery. вот код:

$(function () {
        $("#submit").on('click', function () {
            $("#redirect").show();
        });
    });

Однако это работает только при отправке formA. Я что-то упускаю? Как я могу заставить его работать как для formA, так и для formB Помощь будет очень признательна Добрый день, люди.

Answer 1

Селектор

id должен быть уникальным. вы можете изменить селектор идентификатора на селектор класса

<input class="submit"  type="submit"  value= "FormA" />

<input class="submit"  type="submit"  value= "FormB" />

$(function () {
   $(".submit").on('click', function () {
     $("#redirect").show();
   });
});

Answer 2

У вас есть 2 элемента с одинаковым идентификатором submit, идентификаторы должны быть уникальными

Однако это работает только при отправке formA.

$("#submit") вернет только первая кнопка отправки

Либо используйте разные идентификаторы для каждой формы, либо цель будет селектором классов.

Попробуйте что-то вроде этого

<input id="submitA"  type="submit"  value= "FormA" />    
<input id="submitB"  type="submit"  value= "FormB" />

$(function () {
        $("#submitA, #submitB").on('click', function () {
            $("#redirect").show();
        });
    });