在更改下拉列表时,我将如何重定向到另一个URL

时间:2017-01-14 09:18:57

标签: javascript html

<form action="myservlet.do" method="POST">
    <select name="myselect" id="myselect" onchange="this.form.submit()">
       <option value="1">One</option>
       <option value="2">Two</option>
       <option value="3">Three</option>
       <option value="4">Four</option>
    </select>
</form>
  

当我选择Two时,我想将其重定向为另一种形式

使用javascript的完美解决方案是什么?

1 个答案:

答案 0 :(得分:1)

您可以定义这样的j来实现这一点。

function changeEvent() {
        var selectedVal = document.getElementById("myselect").value;
        if (selectedVal === "2") {
            window.location.href = 'http://testurl.com';
            return false;
        }
}     

<form id="form1" runat="server">
    <select name="myselect" id="myselect" onchange="changeEvent()">
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
        <option value="4">Four</option>
    </select>
</form>