用jquery实现三级联动

最新推荐文章于 2024-08-24 09:28:30 发布

bewildermentEffort

最新推荐文章于 2024-08-24 09:28:30 发布

阅读量1.3k

点赞数

分类专栏： jquery 基础三级联动

本文链接：https://blog.csdn.net/bewildermentEffort/article/details/77587597

版权

本文介绍了如何在页面加载时预设省份选择，并通过jQuery监听省份和城市下拉框的change事件，实现在选择变化时清空并动态填充后续下拉框的内容，从而达到三级联动的交互效果。

摘要由CSDN通过智能技术生成

效果
1、页面加载是需要有选择省份
2、编写省份下拉框change事件
3、编写城市区域下拉框change事件
4、省市的下拉框更改时要将后面的下拉框清空
实现代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>三级联动</title>
    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
        //创建三维数组
        var lists = new Array(2);

        lists["湖北省"] = ["武汉市",