Одна форма с двумя кнопками отправки и различными действиями для каждой кнопки

Я потратил несколько часов, пытаясь найти решение моей проблемы, но просто не могу найти подходящее решение. Заранее благодарим за помощь!

У меня есть одна форма html с:

<form id="columnarForm"  action="formindb_hoh_1.php" enctype="multipart/form-data" method="post" />

Я хотел бы иметь две кнопки отправки:

<input type="image" name="camper" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />

Я бы хотел, чтобы первая кнопка отправки имела действие formindb_hoh_1.php при нажатии, а вторая кнопка отправки имела действие formindb_hoh_2.php, но я не уверен, как сделать одну кнопку одним действием и иметь другую кнопку имеет другое действие.

Ответ 1

Обратите внимание:

Несколько кнопок отправки php различные действия

Поместите этот script на свою страницу:

<script>
    function submitForm(action)
    {
        document.getElementById('columnarForm').action = action;
        document.getElementById('columnarForm').submit();
    }
</script>

Измените код ввода:

<input type="image" name="camper" onclick="submitForm('formindb_hoh_1.php')" value="camper" src="../images/apps/camperBtn.png" class="submit_button" />
<input type="image" name="medical" onclick="submitForm('formindb_hoh_2.php')" value="medical" src="../images/apps/medicalBtn.png"class="submit_button" />

Ответ 2

Нет JS, используйте HTML5.

Измените кнопки отправки, чтобы использовать новый атрибут кнопки HMTL5 formaction:

<button type="submit" name="camper" formaction="formindb_hoh_1.php">Camper</button>
<button type="submit" name="camper" formaction="formindb_hoh_2.php">Medical</button>

Ссылка: http://devdocs.io/html/element/button

Ответ 3

Наконец, я получил свой ответ, проведя больше часа. Я пробовал использовать различные методы, такие как случай переключения, jquery и JavaScript. Но я использовал только тег HTML5 formaction, и теперь моя форма две кнопки отправки работают в двух местах.

Код:

   <input type="submit" class="btn btn-success" value="Pay Now" name="submit"  style="width: 100%; letter-spacing: 1px; color: #fff; border: none;padding:  10px;" formaction="example.php">

   <button type="submit" class="btn btn-success" name="submit" style="width: 100%; letter-spacing: 1px; color: #fff; border: none;padding: 10px; margin-top: 15px;" formaction="mail.php"> Button</buttton>

Ответ 4

У меня такая же проблема. но дело в том, что первая функция кнопок в JS, в то время как другая использует PHP.

$('#add-bookingid').submit(function(e){
e.preventDefault();
calculateDistance();
});

Вы видите $ ('# add-bookingid'). Submit, поэтому обе кнопки имеют тот же тип кнопки, что и submit.

Главное предложение

Кнопка № 1

Кнопка № 2