基于所选选项的javascript重定向 [英] javascript redirect based on option selected

问题描述

我需要有关JavaScript重定向的一些帮助.我的表单有以下代码，但无法正常工作.

I need some help with the javascript redirect. I have the following code for the form and it is not working.

<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>

我正在尝试使此代码根据选择的两个不同选项来重定向用户.
谢谢

I am trying to have this code redirect users based on two different options selected.
Thank you

推荐答案

尝试一下:

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";
    }
}

演示此处

我添加的内容:

Demo here

What I added:

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

并删除了重复的ID，而改用了一个类:

and removed the duplicate ID and used a class instead:

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

这篇关于基于所选选项的javascript重定向的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！