javascript - javascript 中的下拉列表包含数据库中的值

Question

这是我的代码，单击按钮即可在表中创建一个新行。该行有一个下拉列表。我想从数据库中获取下拉列表中的选项。我可以在 html 中实现静态下拉菜单。我应该如何在这个脚本中附加该代码。任何帮助，将不胜感激。 JavaScript:

函数 addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var cell1 = row.insertCell(0);
        var element0 = document.createElement("input");
        element0.type = "checkbox";
        element0.name="chkbox[]";
        element0.className="checkbox";
        cell1.appendChild(element0);

        var cell2 = row.insertCell(1);
cell2.innerHTML = "<select name='projects[]' ><option value='m'>M</option><option value='c'>C</option><option value='s'>S</option><option value='l'>L</option><option value='n'>N</option><option value='i'>I</option><option value='t'>T</option><option value='other'>Other&hellip;</option></select>";

PHP 代码:-

 <?php
    $query = mysql_query("select * from project");

echo '<select name="projects[0]">';


while ($row = mysql_fetch_array($query)) {
   echo '<option value="'.$row['id'].'">'.$row['project_name'].'</option>';
}

echo '</select>';
     ?>

Answer 1

您可以使用 ajax 调用来获取 javascript 函数中的数据库值。 此 ajax 响应可用于将值附加到下拉列表中。

在您的情况下，由于没有要查询的输入，因此不需要在 ajax 调用中传递数据。只需使用查询调用该函数即可返回结果。

您还可以将响应制作为 json 响应，以便可以更有效地在 javascript 中进行处理。