如何使用表单选择值进行操作的方法（无查询）

Question

我正在使用pug来为我的nodeJS服务器渲染一些页面。在这种情况下，我尝试使用在select表单中捕获的值来更改操作方法。

所以，想法是使用选择的组名转到该页面：

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的情况下如何做到这一点的任何建议（如果没有我就不可能，关于如何“使用”的解释将不胜感激）。

从肖阿伊布在此post中所说的，应该是可能的，但是我不辞职，不理解他的建议，背景不佳：/

Answer 1

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/