根据所选输入重定向到按钮点击的新html页面

Question

我是javascripts的新手。 根据从下拉列表中选择的输入，我需要在单击下一个按钮后重定向到新的html页面。

...
<p>Application Type&nbsp
<select id = "aList" name="selection">
<option value = "">---Select Value---</option>
<option value = "New_req_p2_web.html">External Web Application</option>
<option value = "New_req_p2_web.html">Internal Web Application</option>
<option value = "New_req_p2_mob.html">Mobile Application</option>
<option value = "New_req_p2_net.html">Network</option>
</select>
</p>
<button type="submit" id="next" onclick="WinOpen()">Next</button>
....
<script type="text/javascript">
function WinOpen() {
var url=document.redirect.selection.value
document.location.href=url
}
</script>
...

Answer 1

你可以这样做：

您需要根据当前页面确定htmlpage的路径/值是否正确，因此值可能需要更改为： ./New_req_p2_web.html

<p>Application Type</p>
<select id="aList" name="selection">
<option value="">---Select Value---</option>
<option value="New_req_p2_web.html">External Web Application</option>
<option value="New_req_p2_web.html">Internal Web Application</option>
<option value="New_req_p2_mob.html">Mobile Application</option>
<option value="New_req_p2_net.html">Network</option>
</select>
<button type="submit" id="next" onclick="WinOpen()">Next</button>

<script type="text/javascript">
//THIS WILL OPEN IN A NEW WINDOW/TAB
function WinOpen() {
    var url = $('#aList').val();
    window.open(url);
}
//THIS WILL OPEN ON ITS SELF - if you use this remove the onclick for the button. 
$('#next').click(function () {
     var url = $('#aList').val();
     window.open(url, "_self");
});

</script>

你的路径需要正确的值，我的意思是，如果这个文件在你的桌面文件夹中，那么你的'New_req_p2_web.html'将必须在同一个文件夹中，除非你改变你的值的路径。

Answer 2

这里更新的代码，我希望它对你有用。

谢谢

<p>Application Type&nbsp
<select id="aList" name="selection">
  <option value="">---Select Value---</option>
  <option value="New_req_p2_web.html">External Web Application</option>
  <option value="New_req_p2_web.html">Internal Web Application</option>
  <option value="New_req_p2_mob.html">Mobile Application</option>
  <option value="New_req_p2_net.html">Network</option>
</select>
</p>
<button type="submit" id="next" onClick="WinOpen();">Next</button>

<script type="text/javascript">
  function WinOpen() {
    var url = document.getElementById("aList").value;
    document.location.href = url;
  }
</script>