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 that you have read and understand our privacy policy and code of conduct.

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