带有元素列表的HTML <select>

时间:2018-06-19 11:27:02

标签: html forms variables select element

以下表格完全按预期工作,并提供了一个下拉列表以从中选择选项: 我想做的是这样的: 这将获得“英雄”列表,但将其显示在选项窗口的下方和外部,并且没有选择任何值的选项。 我可能在这里错过了一些非常简单的东西,但是似乎无法使它正常工作,任何帮助都值得赞赏。

1 个答案:

答案 0 :(得分:0)

您似乎在这里混合使用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>