将数据从数据库保存到 <option>在HTML中

Question

我想将变量从数据库保存到<option> 。

PHP代码：

<?php
    $query = $db->prepare("SELECT * FROM classes");
    $query->execute();
    $result = $query->fetchAll();

    ?>
    <script>var select_class = document.getElementById('select_class');</script>";

    <?php
        foreach ($result as $to_result)
        {
    ?>
            <script>
                var option = document.createElement('option');
                option.value = "<?php echo($to_result['name']); ?>";
                select_class.appendChild(option);
            </script>

            <?php

        }
?>

HTML代码：

<select id="select_class"></select>

数据库：
ID_class [1] =某物
...
ID_class [12] =某物

TypeError：select_class为null但是为什么呢？ 我不知道我的问题是什么。

Answer 1

您的代码中有几个错误。 例如，您重新打开了一个脚本标签，而旧标签甚至没有关闭。

除此之外，我认为这段代码中不需要javascript。 我为您简化了它：

<select id="select_class">
    <?php
    $query = $db->prepare("SELECT * FROM classes");
    $query->execute();
    $result = $query->fetchAll();

    foreach ($result as $to_result)
    {
        ?>
        <option value="<?php echo $to_result['name']; ?>">
            <?php echo $to_result['name']; ?>
        </option>
        <?php
    }
    ?>
</select>