0

Есть форма

<form action="/post/сюда_подставить_значение_where/post.php" method="post">
// какие-то поля
<select name="where">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<button type="submit">отправить</button>

Надо до отправки формы подставить значение из select в адрес в параметре action данной формы.
Как это сделать? Спасибо.

5
  • Можно поподробнее, вам нужно передать параметр в ссылку?
    – Zicrael
    10 мая 2018 в 6:53
  • @Zicrael да мне нужно передать выбранное value из данного select'а в параметр action данной формы
    – investekkz
    10 мая 2018 в 6:55
  • Думаю хорошим и верным вариантом будет написать функцию при сабмите формы которая будет брать value из select.
    – Zicrael
    10 мая 2018 в 6:57
  • @Zicrael если вы имеете в виду, что принимать запрос, обрабатывать его, и перенаправлять по нужному адресу, то, к сожалению, не подойдёт(( нужно подставить значение именно до отправки формы
    – investekkz
    10 мая 2018 в 6:59
  • Готово :) Проверяйте
    – Zicrael
    10 мая 2018 в 7:11

2 ответа 2

1

Думаю хорошим и верным вариантом будет написать функцию при сабмите формы которая будет брать value из select

    function sendData() {
        const selectedVal = document.getElementsByClassName('where')[0].value;
        const link = `/post/${selectedVal}/post.php`;
        alert(`send data to '${link}'`);
        const xhttp = new XMLHttpRequest();
        xhttp.open("post", `${link}`, true);
        xhttp.send();
    }
    <form onsubmit="sendData()">
      Enter name: <input type="text">
       <select class="where">
        <option value="1">1</option>
        <option value="2">2</option>
      </select>
      <input type="submit">
    </form>
    

1
  • я бы еще поменял getElementsByClassName на querySelector что бы не стучать на [0] нод листа
    – ddeadlink
    10 мая 2018 в 7:54
1

Можно попробовать так: (JQuery)

//1) Отлавливаем событие отправки формы
//2) Выбираем селект
//3) Выбираем родительскую форму нашего select
//4) Вставляем action
//5) Вывод на экран action алертом
//6) return false, чтобы форма не отправлялась, в боевой версии убрать

$("form").submit(function() {
  var select = $("select[name='where']");
  var parentForm = $(select).parent();
  $(parentForm).attr("action", "/post/"+ select.val() +"/post.php");

  alert("Твой action: " + parentForm.attr("action") );

  return false;
});
<form action="/post/сюда_подставить_значение_where/post.php" method="post">
  // какие-то поля
  <select name="where">
    <option value="1">1</option>
    <option value="2">2</option>
  </select>
  <button type="submit">отправить</button>
</form>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.