如何为两个下拉案例创建if语句

时间:2018-03-14 17:16:19

标签: jquery html dropdown

我试图让我的if语句根据两个下拉菜单输出不同的url。 if语句/函数应该读取两个下拉列表,然后基于它们,如果应该识别一个URL。我创建了所有的网址,但我无法让代码工作。

   <form action="/action_page.php">
 <select id="Group">
<option value="Choose Group">Choose Group</option>
<option value="Senior Soldiers">Senior Soldiers</option>
<option value="Jr Soldiers">Jr Soldiers</option>
<option value="Corps Cadets">Corps Cadets</option>
<option value="VBS">VBS</option>
<option value="Learning Zone">Learning Zone</option>
<option value="Men's Ministry">Men's Minstry</option>
<option value="Women's Ministry">Women's Ministry</option>
<option value="Other">Other</option>
</select>
</form>  
<form action="/action_page.php">
<select id="Location Select">
<option value="Choose Location">Choose Location</option>
<option value="Akron">Akron</option>
<option value="Alliance">Alliance</option>
<option value="Ashland">Ashland</option>
<option value="Barberton">Barberton</option>
<option value="Ballaire">Bellaire</option>
<option value="Cambridge">Cambridge</option>
<option value="Camp NEOSA">Camp NEOSA</option>
<option value="Canton">Canton</option>
<option value="Cleveland East Cleveland">Cleveland East 
Cleveland</option>
<option value="Cleveland Miles Park">Cleveland Miles Park</option>
<option value="Cleveland New Hope">Cleveland New Hope</option>
<option value="Cleveland Ohio City">Cleveland Ohio City</option>
<option value="Cleveland Temple">Cleveland Temple</option>
<option value="Cleveland West Park">Cleveland West Park</option>
<option value="Coshocton">Coshocton</option>
<option value="DHQ">DHQ</option>
<option value="Dover">Dover</option>
<option value="East Liverpool">East Liverpool</option>
<option value="Elyria">Elyria</option>
<option value="Lorain">Lorain</option>
<option value="Mansfield">Mansfield</option>
<option value="Massillon">Massillon</option>
<option value="Medina">Medina</option>
<option value="Mount Vernon">Mount Vernon</option>
<option value="Newark">Newark</option>
<option value="Norwalk">Norwalk</option>
<option value="Painesville">Painesville</option>
<option value="Ravenna">Ravenna</option>
<option value="Salem">Salem</option>
<option value="Sandusky">Sandusky</option>
<option value="Steubenville">Steubenville</option>
<option value="Toledo">Toledo</option>
<option value="Wadsworth">Wadsworth</option>
<option value="Warren">Warren</option>
<option value="Wooster">Wooster</option>
<option value="Youngstown Citadel">Youngstown Citadel</option>
<option value="Youngstown Temple">Youngstown Temple</option>
<option value="Zanesville">Zanesville</option>
</select>
</form>
<script> if (Group = 'Jr Soldiers' && Location Select = 'Akron') {
getURL()
}
</script>

var getURL = function(){
var option1 = document.getElementById('Group').value;
var option2 = document.getElementById('Location').value;
var URL = 'http:www.campneosa.org' 

}     运行

1 个答案:

答案 0 :(得分:2)

脚本似乎存在范围问题。您的脚本无法确定GroupLocation Select的含义,您将遇到错误。在您引用它们之前,您需要将它们指定为变量,就像您在代码底部实现的一样,如下所示:

var option1 = document.getElementById('Group').value;
var option2 = document.getElementById('Location').value;

尽管如此,你仍然在使用该功能的正确轨道上,所以请尝试按照这样的方式进行布局

if (option1 == "Akron" && option2 == "Senior Soldiers") {
   url = "www.example.com";

   alert(url);
}

(用else if条件冲洗并重复此部分,直到您列出所需的选项)