代码之家 › 专栏 › 技术社区 › Jalicia Smalley

如何为两个下拉列表创建if语句

dropdown html jquery

Jalicia Smalley · 技术社区 · 6 年前

我试图让if语句根据两个下拉菜单输出不同的url。if语句/函数应该读取这两个下拉列表,然后基于它们if应该识别url。我已经创建了所有的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 回复 | 直到 6 年前

Cole Huffman 6 年前

脚本似乎存在范围问题。你的脚本将无法确定 Group 或 Location 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 条件,直到您列出所需选项)