带有元素列表的 HTML <select>

Question

以下表单完全符合预期，并提供了一个下拉列表供您选择：

<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>

这会获取“英雄”列表，但会在选项窗口下方和外部显示，并且无法选择值。

我可能在这里遗漏了一些非常简单的东西，但似乎无法使其正常工作，非常感谢任何帮助。

Answer 1

看起来你在这里混合了 PHP 和 JavaScript。根据我对您的问题的理解，您想要创建一个循环，不断为您的每个超级英雄创建 's。

如果正确，您可以使用 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>