php - 如何根据另一个组合框集合的选定项目来过滤一个组合框集合？

Question

在表单的 php 页面上，一个组合框包含来自 MySQL 表 customer 的客户列表。 另一个组合框包含来自 的 invoiceno 字段。发票表，分别对应于客户记录。

我想从第一个组合框中选择一个客户，并根据客户从第二个组合框中过滤发票号。谁能帮我实现这个目标吗？

例如，如果我选择 customer1，第二个组合框应显示与 customer1 相关的所有 invoiceno。我想在不刷新、重新加载或发布页面的情况下执行此操作。如果我在 php 变量 $customer 中获得第一个选择，这对我来说就足够了。谢谢!

Answer 1

AJAX 是你的 friend :

1. 捕获第一个组合框的onchange事件

2. 然后通过 AJAX 将所选项目的值发送到您的 PHP 脚本

3. 您的 PHP 脚本从数据库加载相应的值并返回它们(例如以 JSON 格式)

4. 最后通过 JavaScript 显示/插入返回的数据。

伪代码:

JavaScript:

function displayData(json)
{
  // Do something
}
document.getElementById("your-combobox").addEventListener("change", function()
{
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function()
  {
    if (xhr.readyState==4 && xhr.status==200)
    {
      displayData( JSON.parse(xhr.responseText) ); // Call displayData with the JSON
    }
  };
  xhr.open("GET", "your-script.php?combobox1="+encodeURIComponent(this.value));
  xhr.send(null); // Send AJAX request
});

PHP:

<?php

if (!isset($_GET['combobox1'])) exit('{}');

$data = GetDataFromDB_AsArray();

echo json_encode($data);

?>