Как отправить данные с формы $_POST на разные страницы в зависимости от нажатой кнопки (перенаправление)?

Question

[Natasha000]

Есть форма:

<form method="post" >
    <label for="select-option">Select an option:</label>
    <select name="select-option" id="select-option">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
    </select>
    <br>
    <button type="submit" name="termin">termin</button>
    <button type="submit" name="info">info</button>
</form>

if (isset($_POST['termin'])) {
    wp_redirect('https://site.com/termin');
    exit;
} elseif (isset($_POST['info'])) {
    wp_redirect('https://website.com/info);
    exit;
}

хочу сделать чтобы при нажатии на кнопку 'termin' данные формы отправились методом $_POST на страницу https://site.com/termin и произошло пере направление туда же;
а при нажатии на кнопку 'info' данные формы отправились методом $_POST на страницу https://site.com/info и произошло пере направление туда же.

На ум приходит только решение с дополнительной скрытой формой в которой менять action с помощью AJAX
Может есть решение по проще, не хочется засорять гет запросами урл.
Помогите пожалуйста

Comments

[Adamos]

в которой менять action с помощью AJAX

ИЛИ менять action и отправлять, как обычно, ИЛИ использовать AJAX.
Собственно, других штатных способов отправить POST не по тому адресу, который прописан в HTML, и нет.

[Adamos]

Но вообще-то разбор одной и той же формы на двух разных страницах довольно отчетливо попахивает говнокодом.

Answer 1

[alexalexes]

Button может отправлять форму с иными атрибутами, если их переопределить в button, например, можно задать другой action.

<form name="MyForm" method="post" >
    <label for="select-option">Select an option:</label>
    <select name="select-option" id="select-option">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
    </select>
    <br>
    <button formaction="/termin" type="submit">termin</button>
    <button formaction="/info" type="submit">termin</button>
</form>

Тогда не нужен никакой роутер на стороне сервера для текущей страницы.

Comments

[Сергей delphinpro]

Зачем его программировать, если можно прямо у кнопок написать?

<button formaction="/termin" type="submit">termin</button>
<button formaction="/info" type="submit">info</button>

[alexalexes]

Давно не заглядывал в HTML справочник, и не пытался написать форму без JS.
Действительно, у button есть куча полезных атрибутов, чтобы выжить при выключенном JS.))

[Natasha000]

alexalexes, можно пожалуйста ваш пример на JS ? сохраню для саморазвития ..

[alexalexes]

Вешаете обработчик на событие клика у кнопки. А там уже делаете все, что хотите с формой.

<form name="MyForm" method="post" >
    <label for="select-option">Select an option:</label>
    <select name="select-option" id="select-option">
        <option value="option1">Option 1</option>
        <option value="option2">Option 2</option>
        <option value="option3">Option 3</option>
    </select>
    <br>
    <button onclick="document.forms['MyForm'].action = '/termin'; dcoument.forms['MyForm'].submit();">termin</button>
    <button onclick="document.forms['MyForm'].action = '/info'; dcoument.forms['MyForm'].submit();">info</button>
</form>

[Natasha000]

Сергей delphinpro, alexalexes, спасибо большое за помощь

[Сергей delphinpro]

alexalexes, Natasha000, и это можно слегка упростить

<button onclick="this.form.action = '/termin'; this.form.submit();">termin</button>
<button onclick="this.form.action = '/info'; this.form.submit();">info</button>

В inline обработчиках this указывает на сам элемент. А у кнопок и прочих инпутов есть специальное свойство form, которое указывает на форму в которой элемент лежит.

Answer 2

[Max Logic]

1. Можно использовать 2 формы.
2. Возможно будет лучше, если данные будут уходить в одно и то же (другое) место. Там обрабатываться, и уже в зависимости от этого обработчика - перенаправлять пользователя туда, куда ему надо. -в вашем случае "termin" или "info"