HTML:带有基于 if/else 的动态下拉列表的表单? 新手问题

问题描述

我对这一切都很陌生,很抱歉问一个可能是基本问题。

我创建了一个表单来生成电子邮件,并希望用户从初始下拉列表中进行选择,然后有一个与第一个条目相关的后续下拉列表。它与足球有关,因此如果用户选择“联赛 A”,我希望他们在下一个下拉列表中看到“Team 1”、“Team 2”,如果他们选择“League B”,我想要“Team 3”、“Team 4” "等

我很高兴对这些进行硬编码,因为它们不经常更改,但是尽管我已经设法创建了表单和下拉列表,但我无法使 If(条件)语句起作用。不确定是我没有正确的方法还是我正在做一些不可能的事情。

我假设我可以只使用逻辑 if (dropdown1="League A") 然后 dropdown2 选项是 Team 1、Team 2、ELSE 然后从 dropdown2 等重复。

有什么建议吗? 谢谢 伊恩

Code added:
<label for="Age Group">Age Group:</label>
<select id="agegroup" name="Age Group">
<option value="" selected>Please select...</option>
<option value="Under 7">Under 7</option>
<option value="Under 8">Under 8</option>
<option value="Under 9">Under 9</option>
<option value="Under 10">Under 10</option>
</select>
<Br>

if (agegroup==="Under 7"){
<label for="under7">Under 7:</label>
<select id="under7" name="Under 7">
<option value="" selected>Please select...</option>
<option value="Team A">Team A</option>
<option value="Team B">Team B</option>
</select>
<Br>
;}

else if (agegroup==="Under 8"){
<label for="under 8">Under 8:</label>
<select id="under8" name="under 8">
<option value="" selected>Please select...</option>
<option value="Team C">Team C</option>
<option value="Team D">Team D</option>
</select>
<Br>
;}

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)