使用jQuery实现三级联动

本文介绍了如何使用jQuery实现三级联动效果,通过数据数组和selectedIndex方法,结合change事件监听,实现联动的三个关键步骤:初始化页面数据,记录索引值,以及动态渲染select选项。
摘要由CSDN通过智能技术生成

三级联动的设计

首先这是我的数据数组

var prosArr = ["广东", "广西", "宁夏", "四川"]
    var citiesArr = [
        ['广州市', '韶关市', '深圳市', '珠海市'],
        ['南宁市', '柳州市', '桂林市', '梧州市', '北海市', '防城港市', '钦州市', '贵港市', '玉林市', '百色市', '贺州市', '河池市', '来宾市', '崇左市'],
        ['银川市', '石嘴山市', '吴忠市', '固原市', '中卫市'],
        ['成都市', '自贡市']
    ]
    var conutiesArr = [
        [
            ['东山区', '荔湾区', '越秀区', '海珠区', '天河区', '芳村区', '白云区', '黄埔区', '番禺区', '花都区', '增城市', '从化市'],
            ['武江区', '浈江区', '曲江区', '始兴县', '仁化县', '翁源县', '乳源瑶族自治县', '新丰县', '乐昌市', '南雄市'],
            ['罗湖区', '福田区', 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值