Javascript 选择后由mysql填充的html下拉菜单加载另一个下拉菜单

我使用PHP从MySQL表中提取数据，然后填充一个XML，以便javascript获取该信息

表格结果示例如下所示

---

我想为hobbiename创建一个下拉菜单，然后在进行选择时，会出现另一个菜单，其中包含与hobbiename匹配的hs名称。显然，如果为空，则不会显示任何内容。

如果第一个下拉列表不是很长，并且具有固定长度，则可以检索所有可能的下拉列表，并在开始时隐藏它们。。从下拉列表1中选择项目后，可以显示相应的下拉列表

---

在另一种情况下，如果第一个下拉列表很长，那么在选择它时，运行一个AJAX函数，该函数最终将填充另一个下拉列表。

下面是一个示例代码，您可以将其用作参考

---

多长是多长？现在它就像25个东西，有一天它可能会更接近100sso，这意味着每个选择有25个不同的下拉列表集合。如果在页面加载时获取所有这些集合非常昂贵，那么不要这样做。对第一个下拉列表进行AJAX调用以生成第二个下拉列表。那么在未来当它变成100秒时，它应该可以正常工作。