Как использовать форму выбора значения для метода действия (без запроса) - PullRequest
Новая
       5

Как использовать форму выбора значения для метода действия (без запроса)

0 голосов
/ 27 января 2020

Я использую pug для рендеринга некоторых страниц для моего nodeJS сервера. В этом случае я пытаюсь использовать значение, захваченное в форме выбора, чтобы изменить метод действия.

Итак, идея состоит в том, чтобы использовать имя группы, выбранное для go для этой страницы: 

form.w3-container(action="http://localhost:5004/groups/" + (option selected down below) method="GET")
   select.form-control(data-toggle='select' class="form-control" data-placeholder='Disabled results')
      option group1
      option group2
      option group3
   button.btn.btn-success(type='submit') Go

Любое предложение о том, как я могу сделать это, если возможно без jquery (если это невозможно без меня, объяснение того, как «использовать», будет очень приветствоваться).

Из того, что сказал Шоаиб в этом посте , это возможно, но я не перестаю понимать его предложение, плохой контекст: /

1 Ответ

1 голос
/ 28 января 2020

HTML код: 

<form id="myForm" class="w3-container" action="" method="POST">
  <select id="mySelector" data-toggle='select' class="form-control" data-placeholder='Disabled results'>
    <option value="">Select</option>
    <option value="group1">group1</option>
    <option value="group2">group2</option>
    <option value="group3">group3</option>
  </select>
</form>

Код ECMAscript: 

var selector = document.getElementById("mySelector");

selector.addEventListener("change", function() {
  changeAction();
});

function changeAction() {
  var finalAction = document.getElementById("myForm").action = "http://localhost:5004/groups/" + selector.value;
}

JSFiddle: https://jsfiddle.net/ytvhqrs0/1/

...