HTML <select> 含元素列表

Question

下面的表格完全符合预期，并提供了一个下拉列表 select 一个选项来自：

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

这会获取 'hero' 列表，但会在选项 window 下方显示它，并且让我无法选择 select 一个值。

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

Answer 1

看起来你在这里混合了 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>

HTML <select> 含元素列表

HTML <select> with element list

html

forms

variables

select

element