原生js——使用js实现二级联动表

我们在做项目的时候,经常会遇到选择省市级、选择单位部门等功能,也就是我们熟悉的二级联动问题。
之前没有接触过二级联动,所以感觉二级联动会比较麻烦,实现起来很困难。但是自己写过一个二级联动之后,发现这东西真的很简单。
这里跟大家分享一下,如何使用js实现二级联动。

一.基本思路

既然是二级联动,我们肯定需要定义两个数组,然后通过js控制,从这两个数组中选择符合我们要求的数据。

做二级联动的时候,HTML页面中需要设置两个标签。加载页面的时候,首先根据第一个数组中的数据,初始化第一个中的。然后根据我们选择的第一个中的序号,来初始化第二个中的

二.最终效果

最终效果

三.具体代码

1.HTML代码



2.JS代码


你可能感兴趣的:(原生js——使用js实现二级联动表)