使用 mysql 数据库中的信息填充 HTML 单选按钮

Posted 2023-02-24

【中文标题】使用 mysql 数据库中的信息填充 HTML 单选按钮

【英文标题】：Populate HTML Radio Buttons with Information from mysql Database

【发布时间】：2012-02-01 23:13:34

【问题描述】：

我认为我的请求并不难，但我是 php 和 mysql 的新手，因此非常感谢任何帮助！

*我有第二张表是库存清单。该表有两列：制造商和项目。

*我有一个 html 页面，其中包含一个带有两组单选按钮的表单（第一组用于选择制造商，第二组用于选择项目）

为简单起见，假设有 2 个可能的制造商（标识为 Man1 和 Man2）和 4 个可能的项目（标识为 1、2、3 和 4）。如上所述，在带有表单的 html 页面上，用户首先从第一组单选按钮中选择 Man1 或 Man2。然后，我希望第二组单选按钮成为先前选择的制造商的可用项目列表。例如：

这是一个示例库存表： 制造商项目

男人1 1

人2 3

Man1 4

Man1 4

因此，如果用户在第一组单选按钮中选择 Man1，我希望显示第二组两个单选按钮，其值为 1 和 4。如果用户选择 Man2，我只想要一个单选按钮以值 1 显示。

---

完成此任务的最佳方法是什么？

【问题讨论】：

所以你想根据之前单选按钮上的选择显示新的单选按钮？

是的，但有一个额外的转折：显示的新单选按钮并不是为每个先前选择的单选按钮设置的；我需要创建第二组单选按钮，不仅要基于第一个单选按钮选择，还要基于数据库中的信息。

【参考方案1】：

您将无法仅使用 PHP 和 MySQL 完成您刚才描述的操作，因为根据您的描述，您希望单选框根据您的选择标准实时更新。

正如 rdlowrey 所说，SO 不是免费网站的代码，听起来您需要自己学习很多东西。不过，我可以帮助您快速了解您需要做什么。

1) 为您的页面构建 HTML/PHP 2) 编写一个在选择制造商时运行的 javascript 函数，利用 AJAX 查询您的 MySQL 数据库，并返回该制造商的项目集 3) 然后，相同的 javascript 函数将使用返回的信息来更新 DOM 并生成新的单选按钮

我相信这相当简单，这对您来说可能是一个很好的学习机会。只要知道您肯定需要使用 AJAX 来获得您所描述的功能。

【参考方案2】：

不要让它复杂化...你可以使用 AJAX 来做到这一点，但你正在学习，所以我建议你使用 jquery 来做到这一点。使用 Jquery 隐藏 div r2_selected 和 r1_selected，当您选择 ID 为 r1 或 ID r2 的输入时，您将显示一个 div 并隐藏另一个。这是一个教程： http://papermashup.com/simple-jquery-showhide-div/ 如果您不明白，请告诉我给您更多代码。

<input type="radio" name="r1" id="r1"/>
<input type="radio" name="r2" id="r2"/>
<div class="r1_selected">
Man1 1
Man2 3
Man1 4
Man1 4
    </div>

<div class="r2_selected">
    Man1 1
    Man2 3
    Man1 4
    Man1 4

</div>