Javascript 如何通过单击按钮提供动态下拉列表和子下拉列表

我有一个按钮叫做

add

，当你点击add按钮时，一个输入字段，一个下拉菜单和一个删除按钮就会出现，在这个下拉菜单中，如果你选择

test1

，那么子下拉菜单就会像

test11，test12

，如果你从主下拉菜单中选择

test2

，那么子下拉菜单就会像

test21，test22

第一行（在第一个输入字段和下拉列表中）工作正常，如果我再添加一个输入字段，通过单击

add

按钮下拉并删除，然后如果我选择drop-down

test1

，那么我会得到子下拉列表，如

test11、test12

但这里的问题是第一行的子下拉列表值也在变化，如果我有10行，所有这些子下拉列表都在变化，这是在我使用类名时发生的，所以有什么方法可以做到这一点

注意：一个重要的问题是如何存储这些值是Mysqli数据库