基于所选选项的javascript重定向

时间:2013-10-15 18:24:10

标签: javascript jquery redirect submit options

我需要一些javascript重定向的帮助。我有以下代码表格,但它无法正常工作。

<form name="getstarted" width="500">  
    <p>

        <select name="trade" id="trade">  
          <option selected="selected" value = "">Please Select License Trade</option>  
          <option value = "A">A-General Engineering</option>  
          <option value = "B">B-General Building</option>  
          <option value = "C2">C2 - Insulation and Acoustical</option>  
        </select>  

    </p>

    <p>Do you currently hold an <strong>active</strong> contractors license in California? <br /> <br />
        <INPUT TYPE="radio" id="questions" NAME="questions" VALUE="y">Yes
        <INPUT TYPE="radio" id="questions" NAME="questions" VALUE="n">No</p>

     <input type="button" value="Next" onClick = "direction()" />  

</form>

<script language="javascript">  
function direction(value)     
{  
    if((trade == "A") && (questions == "y"))  
    {window.location = "http://localhost:8080/Math/page1.html";}  

    else{window.location = "http://localhost:8080/Math/page2.html";}  
}  
</script>
<script type="text/javascript">
        $(document).ready(function(){
            $(".icon a.tooltips").easyTooltip();
        });
</script>

我正在尝试让此代码根据所选的两个不同选项重定向用户 谢谢

1 个答案:

答案 0 :(得分:1)

试试这个:

function direction(value) {
    var trade = $("#trade").val();
    var questions = $(".questions:checked").val();
    if ((trade == "A") && (questions == "y")) {
        window.location = "http://localhost:8080/Math/page1.html";
    } else {
        window.location = "http://localhost:8080/Math/page2.html";
    }
}

演示here

我添加了什么:

var trade = $("#trade").val();
var questions = $(".questions:checked").val();

并删除了重复的ID并改为使用了一个类:

    <INPUT TYPE="radio" class="questions" NAME="questions" VALUE="y"/>Yes
    <INPUT TYPE="radio" class="questions" NAME="questions" VALUE="n"/>No