使用 PHP 从 MYSQL 填充的动态 html/javascript 下拉列表

Question

我想我一定遗漏了一些非常简单的东西（如果我遗漏了，请道歉）。

我有一个包含 javescript 的 html 文档，在该 html 文档中，我想创建一个下拉列表，其值是从 mysql 查询的结果中自动填充的。

我猜我需要运行一个 php 脚本来从数据库中获取信息，但是如何将这些信息放入下拉列表对我来说是个谜。

请有人指点我正确的方向 - 也许是有人已经这样做的例子。

我不能只用 PHP 编写下拉菜单，因为这意味着离开我拥有所有其他内容的 html 页面。

非常感谢，

罗伯。

Answer 1

这是一个非常广泛的问题，所以我可以给你一个广泛的答案。简单的指南。

你有一些选择：

将 PHP 放入 HTML 中

• 将您的 .html 重命名为 .php 或更改您的网络服务器设置（如果您使用 Apache，可能通过 .htaccess）让 php 处理 .html 文件
• 将类似这样的内容放入 HTML 代码的适当位置：

xy.php/html

<select name="fos">
<?php
  //php code to get data from mysql
  //foreach/while to iterate through elements
    echo '<option value="'.$key.'">'.$value.'</option>';
  //end of foreach/while
?>
</select>

使用 Ajax 加载数据

• 保持 HTML 不变
• 编写一个PHP脚本来输出下拉菜单
• 用Ajax编写Javascript获取PHP脚本的输出，然后将其插入到DOM的适当位置
• 缺点是没有 JS 的人看不到下拉菜单

编辑：或采用 Haza 建议的方法

无论您选择哪一个，我都已为您提供了用于搜索或询问更多问题的关键字

Answer 2

如果你在谈论一些花哨的 Javascript 下拉菜单列表，有两个部分：

• 获取您需要显示给用户的数据，并以已知结构（通常是一些<ul><li> ...）将它们打印在html中。这只会创建一个列表，这就是菜单通常应该是的。

• 使用一些 javascript 将这个简单的列表转换为您的下拉菜单。

所以，首先你需要在你的代码中找到它的一部分是简单的列表，使用相同的结构将你的数据添加到其中，然后你的 js 脚本将能够对其进行转换。

Answer 3

欢迎来到 Web 开发的世界。我亲爱的首先尝试做一些搜索。 下面是一些代码，您可以通过它来完成您的任务

<select name='myselect'>
<?php
$q="select * from $table";
$rs=mysql_query($q);
if($rs && mysql_num_rows($rs))
{
  while($rd=mysql_fetch_object($rs))
  { 
   echo("<option value='$rd->id'>$rd->name</option>");
  }
}
?>
</select>