javascript - 如何根据 html 中的选项/选择重定向用户(单击按钮后)

Question

我是新手，对 JS 或 CSS 一无所知
如何根据所选选项将用户重定向到另一个页面(单击按钮后，而不是选择选项后)
例如，如果我选择 Veg 并单击“完成”按钮，我应该被带到 VegMenu.html，如果我选择 Non-veg，我应该被带到 NonVegMenu.html
我试着做 this 但我被重定向到页面，因为我选择了我不想要的选项。我希望在按“完成”后被重定向

<input type="text" name="name"></input>
<br><br>
<select id="Opt">
<option>Veg</option>
<option>Non-Veg</option>
</select>
<br><br>
<input type="text" name="age"></input>
<br><br>
<button>Done</button>

Answer 1

使用简单的 javascript:

var makePath = function(form) {
  form.action = document.getElementById('Opt').value;
};

<form onsubmit='makePath(this);'>
  <select id="Opt">
    <option value='VegMenu.html' label='Veg' />
    <option value='NonVegMenu.html' label='Non-Veg' />
  </select>
  <button>Done</button>
</form>