javascript - 创建动态更新表单，源自 MYSQL DB

Question

我正在尝试创建一个包含几个下拉菜单的表单。第一个由“客户名称”填充，该名称是从我的 MYSQL 数据库中提取的。选择后，其下方的下拉菜单将填充到数据库中与该“客户名称”关联的可用“客户站点”(在表中的多行中)。

所以我一直在通过 PHP 和 JS 尝试这个 - 我对 JS 知之甚少，所以我正在蚕食我在网上找到的一个脚本。

我将精简我的代码，了解我从 MYSQL 数据库调用的内容以及我需要它动态填充 JS 的位置。到目前为止，我尝试过的所有方法包括尝试将 MYSQL 信息推送到 PHP 数组中，然后在 JS 中调用它，但遇到的问题是它只会显示一个站点，而不是所有与公司名称相关的站点。经过几天在网上查找并尝试将其整合在一起后，我屈服并决定寻求帮助。

MYSQL 表“customerssites”的摘要版本

网站公司 |站点名称

ABC 客户       |站点1
123 客户          |站点1
123 客户          |站点2
ABC 客户        |站点2

PHP

   $sql = "SELECT siteName, siteCompany FROM customersites ORDER BY siteCompany";

Java - 所以列出“siteCompany”和“siteName”的地方就是我需要它们动态填充的地方。

`$(window).load(function(){
siteCompany1=new Array('siteName1','siteName2','siteName3');
siteCompany2=new Array('siteName1','siteName2','siteName3');
....Rest of JS

我可以动态填充公司名称，但我无法将所有站点放入相应的数组中。谁能告诉我如何做到这一点？

Answer 1

您所需要做的只是简单的步骤您需要首先使用 Ajax 将客户名称发送到服务器，然后也使用 PHP 从数据库收集有关站点名称的数据，然后使用 JSON 之类的东西与您用来发送请求(AJAX 请求)的 Javascript 女巫进行通信，然后您将获得 JSON 响应Javascript 你所要做的就是解析 json 响应，然后将其添加到 Combobox你可以在这里了解 Ajax 和 JSON http://www.tutorialspoint.com/json/json_ajax_example.htm

那么你可以在这里学习如何在php中制作json http://www.tutorialspoint.com/json/json_ajax_example.htm

您可以添加到下拉列表中 add item to dropdown list in html using javascript