js-单选（复选）框onchange事件案例-三级联动

最新推荐文章于 2022-09-24 01:00:00 发布

啵雨的博客

最新推荐文章于 2022-09-24 01:00:00 发布

阅读量1.2k

点赞数 1

分类专栏： # js-事件案例

本文链接：https://blog.csdn.net/qq_25503949/article/details/105801599

版权

本文通过一个js-单选框onchange事件案例展示了如何实现三级联动效果，包括省份、城市和区域的选择。利用模拟数据填充选项，并根据选择的变化动态更新下级选择内容。案例重点在于逻辑处理和select标签的运用。

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

js-单选框onchange事件案例-三级联动

在这里插入图片描述

html部分

<body>

省:<select id="pro"></select>
市:<select id="city"></select>
区:<select id="county"></select>

<script src="script.js"></script>

</body>

js部分
1.模拟数据：（本案例我们用数组模拟数据）

var arr = [

    "北京", [
        "海淀", ["海淀1", "海淀2", "海淀3"],
        "朝阳", ["朝阳1", "朝阳2", "朝阳3"]
    ],
    "山东", [
        "青岛", ["青岛1", "青岛2", "青岛3"],
        "济南",

最低0.47元/天解锁文章

啵雨的博客

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js-单选（复选）框onchange事件案例-三级联动

js-单选框onchange事件案例-三级联动html部分<body>省:<select id="pro"></select>市:<select id="city"></select>区:<select id="county"></select><script src="script.js"...
复制链接

扫一扫

专栏目录