纯js做的select二级联动

2024-10-19 16:30:31

select 联动用到的范围很广，下面介绍一下简单的二级联动

方法/步骤

做一个简单的html页面，用于显示select联动，如图所示：
设置js，点击一级选择项时，创建其下对应的二级选择项；因为是联动的，所以一级选择项变动时，要先清空，先前一级选择项下对应的所有二级选择项。
再根据要选择的一级选择项，创建对应的新的二级选择项，过程如图：
4

结果显示如下，选择B时，创建出三个选择项，选择C时，先清除B的所有关联的二级选择，再创建C对应的4个二级选项。

最新文章

热门文章