选择第一个后，第二个选择从数据库加载

我有 2 个select项目。

在第一个中，我使用 PHP 从 MySQL 数据库表中加载选项。

第二个我想从另一个表中加载字段，例如category字段等于在第一个标签上选择的项目的值。

我不知道如何使第二个select标签动态加载选项。我知道我需要使用Ajax。

我已经找到了这个，但它并没有太大帮助，因为第一个select标签的选项取决于它可以在数据库中找到的内容。

// Given the options in the first dropdown are: "foo", "bar", and "baz"
var secondData = {
    foo: ['lorem', 'ipsum'],
    bar: [1,2,3],
    baz: []
}

然后我需要在第一个下拉列表中添加一个"change"事件，并给定该下拉列表的值，使用第二个 Data 对象中包含的值加载第二个下拉列表的内容，但我不能应用它。