HTML<；选择>；带元素列表

以下表单完全按照预期工作，并提供下拉列表以从中选择选项：

<select id="f-heroes" class="c-form-select__dropdown">
      <option value="" disabled selected>Heroes</option>
      <option value="captainAmerica">Captain America</option>
      <option value="ironMan">Iron Man</option>
      <option value="blackWidow">Black Widow</option>
      <option value="thor">Thor</option>
</select>

英雄
美国队长
铁人
黑寡妇
雷神

我想做的是：

<select id="f-heroes" class="c-form-select__dropdown">
      <option value=""><?echo getElement('hero');?></option>         
</select>

这会获取“英雄”列表，但会将其显示在选项窗口的下方和外部，并且我没有选择值的选项

---

我可能在这里遗漏了一些非常简单的东西，但似乎无法实现这一点，非常感谢任何帮助。

这里看起来像是您混合了PHP和JavaScript。从我对你问题的理解来看，你想创造一个循环，为你的每个超级英雄不断创造

如果这是正确的，您可以使用PHP并执行以下操作：

<select id="f-heroes" class="c-form-select__dropdown">
<option value="" disabled selected>Heroes</option>
<?php
$superHeroes = array('Captain America','Iron Man','Black Widow','Thor');
$i = 0;
while ($i < count($superHeroes)) {
   $name = $superHeroes[$i];
   echo "<option value='".$name."'>".$name."</option>";
   $i++;
}?>
</select>

英雄
你能定义getElement（）函数吗？如果getElement（…）返回一个列表，你不能只在一个列表中回显它，并期望它正确地显示出来。生成的HTML（即浏览器源代码）是什么样子的？谢谢@Pete Boucher这正是我所需要的，只是与同事设置其他页面的方式略有不同。当然可以用这个，再次谢谢。