javascript - 重定向选择一个选择输入

Question

 <script type="text/javascript">
  var x = document.getElementById("mySelect").value;
</script>

<form action="something?val="+x enctype="multipart/form-data" method="post">
     <label>Select the Playlist:</label>
     <select name="select" id="mySelect">
      <option value="#">----Select-----</option>
      <option value="playlist1">Playlist1</option>
      <option value="playlist2">Playlist2</option>
     </select>
     <input type="submit">
</form>

现在我希望当我选择 playlist1 并按下提交按钮时，我的页面应该重定向到某物？val=playlist1..但它正在重定向到某物？val= ..x 的值没有打印在那里。我不能发现错误请帮忙。

Answer 1

将 id 分配给您的表单，以便更容易通过 js 访问，例如:

...
<form id="myform" action="something" enctype="multipart/form-data" method="post">
...

并使用change select 元素的事件处理程序，用于更改表单的操作，例如:

var selectEle = document.getElementById("mySelect");
selectEle.onchange = function(event) {
    var selValue = event.target.value,  
    frm = document.getElementById("myform");
    frm.action = (selValue != "#") ? "something?val=" + selValue : "something";
}