使用JavaScript添加else if语句以打开HTML页面

Question

我们有一个由外部公司开发的新网站，我们在使用中遇到了问题。我正在尝试弄清楚一段代码的逻辑，如果满足某些要求，它会拉起一个新页面。

首先，这是网站http://www.winstonind.com/service 对于美国的任何服务商，它都会显示Google地图和我们服务商的位置；对于下拉菜单中的其他选项，它不会做任何事情。我想知道的是，如果选择了中国，该怎么样才能将其转到我创建的具有该地区服务商列表的页面？你能帮助我吗？我还不太了解JavaScript，并且由于网站已经上线，所以不能做出太多更改。

<script type="text/javascript">
                $("#country").change(function(){
                    $(this).val()!='default'?$("#state").hide():$("#state").show();
                });
                var typeChoice;
                $("#step1next").click(function(){
                    typeChoice = $(".mt:checked").val();
                    $(".step.1").removeClass('selected');
                    $(".step.2").addClass('selected');
                    $(".step.1 .sContent").slideUp();
                    $(".step.2 .sContent").slideDown();
                });
                $("#step2next").click(function(){
                    if(typeChoice == 'type1')
                    {
                        $("#mapResult").html('<p style="text-align:center; margin-bottom:5px;">For all service requests that are in-warranty please contact Winston Industries directly.</p><p style="text-align:center;">Toll free: 1-800-234-5286<br/>International: [phone]</p>');
                    }else{
                        $("#mapResult").html('');
                        var zip='';
                        $("#state").val()==$("#state").attr('default')?zip='':zip=$("#state").val();

                        //to make distance dynamic, replace 50 with a dynamic value
                        $.post('service/getMap/'+zip+'/50',function(data){
                            $("#mapResult").html(data);
                        });
                    }
                    $(".step.2").removeClass('selected');
                    $(".step.3").addClass('selected');
                    $(".step.2 .sContent").slideUp();
                    $(".step.3 .sContent").slideDown();
                });
                $(".sContent").hide();
                $(".selected .sContent").show();
            </script>   

- Michael Quiles

---

谢谢，我甚至没想到他们会用jQuery来做这个，你是怎么知道的？ - Michael Quiles

$通常用于jQuery。其他框架和代码也可以定义$，但是从使用的方法addClass、removeClass等是特定于jQuery的。 - Justin808

谢谢Justin 808，你能推荐一本适合jQuery初学者的好书吗？ - Michael Quiles

如果您对JavaScript有一般的了解，我会推荐使用jQuery网站 - http://docs.jquery.com/Main_Page - 这是最好的方式。 - Justin808

Answer 1

在您的闭合标签前添加以下内容，并修改URL以指向正确的目录和URL。

if($('#country').val() == 'china'){
    window.location = 'http://www.yourdomain.com/chinaServicesPage';
}


if($('#country').val() == 'canada'){
    window.location = 'http://www.yourdomain.com/swedishServicesPage';
}

</script>

这是您选择框代码的外观：

<select name="country" id="country">
                        <option value="default">United States</option>

                        <option value="canada">Canada</option>

                        <option value="china">Greater China</option>

                        <option value="asia_excluding_china">Asia (excluding Greater China)</option>

                        <option value="europe">Europe</option>

                        <option value="latin_america_and_the_caribbean">Latin America and the Caribbean</option>

                        <option value="middle_east">Middle East</option>

                        <option value="africa">Africa</option>

                        <option value="southernpacific">Southern Pacific</option>

                        <option value="united_states">United States</option>

                    </select>

您会注意到第一行中的“id”被称为country。因此，我们想要读取用户在国家选择框中放置的值，这可能是加拿大、中国、美国等...

- Tim Joyce

---

类型3从哪里来？你能向我解释一下吗？我对此很陌生。 - Michael Quiles

我已经修改了代码，根据您实际的文档元素进行了调整...因此，它会检查名为“country”的div的值是否为“中国”，然后将跳转到特定页面。 - Tim Joyce

Answer 2

我想这大概是你想要的：

if(thisThing){ 
   window.location = 'urlA';
}
else { 
   window.location = 'urlB';
}

- Naftali