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

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

dropdown html jquery

Jalicia Smalley · 技术社区 · 7 年前

我试图让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 回复 | 直到 7 年前

Cole Huffman 7 年前

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

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

8 月前

Jamie · 在CSS链接的文件名中添加Jinja占位符

8 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

8 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

8 月前

Reegan · 使用Angular ngFor指令在html中渲染嵌套对象值

8 月前

wqyutv · 当找不到文件时,任何破坏错误的东西都不会出现,我该怎么解决这个问题?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

9 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

9 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

9 月前