如何根据第一个 html 下拉选择自动选择由 mysql pdo fetch

Question

我在 php 表单提交页面上有两个选择下拉列表。第一个下拉列表是基本的，显示/隐藏第二个下拉列表。第二个下拉列表是由 fetch pdo 循环填充的类别/过滤器列表。我正在尝试根据用户在第一个下拉列表中选择的内容自动选择第二个下拉列表（类别）。

我试图根据第一个下拉列表填充第二个，但是对于这些，您必须分配一个要排序的值，并且我的下拉列表的值 (id) 由数据库在循环中自动填充，我无法弄清楚如何从每个类别中获取单个值（在 foreach 循环中回显值）或如何在 jquery 中引用 php 值。（根据第一个下拉列表的选定值填充第二个下拉列表）

我做过的其他研究： 根据另一个下拉列表填充下拉列表的最佳和最简单的方法是什么 https://www.daftlogic.com/information-programmatically-preselect-dropdown-using-javascript.htm

这是我在提交之前需要为这个项目开发的最后一个功能，我只是在学习后端开发 - 我一直试图解决这个问题一个星期并且已经研究和实施了几个小时。我将非常感谢提供的任何指导。我不擅长 jquery 或 javascript。

我的类别数据库：

tbl_category

|------------------|

|cat_id | cat_name |

|------------------|

|1      | One      |

|------------------|

|2      | Two      |

|------------------|

|3      | Three    |

|------------------|

|4      | Four     |

|------------------|

|5      | Jeopardy |

|------------------|

|6      | Final    |

|------------------|

目前，用户从第一个下拉列表（第一轮、第二轮等）中选择一轮，然后他们必须独立地从第二个下拉列表（一、二、三、四、五，六，决赛）。第二个下拉菜单的选项已经由数据库填充。我希望用户能够选择一个回合，并根据他们从第一个选择/下拉列表中的选择自动选择第二个下拉列表。（例如，用户选择第一轮，然后在第二个下拉列表中，已经为他们选择了第一轮。）