jquery实现三级联动菜单

2024-10-12 16:13:22

1、搭建带有三个下拉选项的基本页面,三个菜单的第一个选项都是“--请选择--”此处需要注意的是需要引入jquery库

jquery实现三级联动菜单

3、先追加省份内容,定义省份一维数组,在页面加载时追加到第一个下拉框下边

jquery实现三级联动菜单

5、我们先验证一下是否正确,先选择辽宁省,发现第二个下拉框展示沈阳、大连、鞍山,正确,再选择山西省,发现展示内容为沈阳、大连、鞍山、太原、大同,所有我们需要先清空一下再进行追加.

jquery实现三级联动菜单

6、第三个下拉框道理同第二个,只不过是换成三维数组了,步骤同5

jquery实现三级联动菜单

7、本示例取的是下拉框的value值为计算依据,也可以下拉框的索引为计算依据,即将$(this).val()处换为$(this).childre荏鱿胫协n("option:selected").index(),同样也可以实现本案例

猜你喜欢