使用 SQL 信息更新选择下拉列表 (HTML） - updating a select drop down (html) with sql information

updating a select drop down (html) with sql information

我真的很困惑。我想使用 sql 数据库中的信息创建一个选择下拉菜单。一切都很好，但我有一个问题。如何在用户每次更改其选择时更新"选择"下拉列表。这个问题真的很令人困惑，我真的不知道如何描述它。我在php中设置了代码，然后将其放入我的页面中。这是代码：

<?php
//creating a function to generate the second select menu
function createNameSelect(){
    $options = "<select id='name'>"
    $sql = "SELECT * FROM names WHERE category = 'c'";
    $result = mysql_query($sql);
    $options.="<option value='nothing'>-- select an option --</option>";
    while ($row=mysql_fetch_array($result)){
        $name=$row['name'];
        $options.="<option value='$name'>$name</option>";
    }
    $options.="</select>";
    return "$options";
}
?>

<!DOCTYPE html>
....
<select id = c>
   <option value ='1'>option 1</option>
   <option value ='2'>option 2</option>
   <option value ='3'>option 3</option>
</select>
 <?php createNameSelect(); ?>
....
</html>

现在，它

工作得很好，但是，它不会更新第一个菜单后面的选择菜单。它将卡在从默认选项生成的菜单上。知道我能做些什么来修复它吗？有JS解决方案吗？

谢谢！

PHP 是一个服务器端脚本 - 它将在服务器上精确执行一次，输出将发送到客户端（查看器浏览器）。因此，您不能在用户更改第一个选择时一遍又一遍地调用该 PHP 函数。

您需要做的是创建一个单独的 PHP 文件，当为第一个选择提供有效选项时，它会打印出第二个选择的代码。然后，使用 AJAX 使用 jQuery .get（）函数调用该 PHP 文件，并将第二个选择的内容替换为您获得的结果。

试试这个

<select id = c ONCHANGE="location = this.options[this.selectedIndex].value;">

调用 AJAX 并将更改的值保存在 db 中

的

<select id = c>