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

如何解决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>
;}