javascript - 从文本文件填充 HTML 下拉列表

Question

我有一个带有硬编码值的下拉菜单:

<select name="value" id="value">
  <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
  <option value="D">D</option>
</select>

我想加载一个文本文件来填充值。文本文件将在新行中包含每个值。

值.txt

A
B
C
D

我已经试过了:

<select>
    <?php
    if ($file = @fopen('values.txt', 'r')) {
        while(($line = fgets($file)) !== false) {
            echo "<option>{$line}</option>";
        }
        fclose($file);
    }
?>
</select>

但是当我这样做时，下拉列表中没有任何选择。

如有任何帮助，我们将不胜感激。谢谢!

Answer 1

可以创建列表的数组元素

$filename = 'values.txt';
$eachlines = file($filename, FILE_IGNORE_NEW_LINES);//create an array
echo '<select name="value" id="value">';
foreach($eachlines as $lines){
    echo "<option>{$lines}</option>";
}
echo '</select>';