html/css/javascript省市联动效果

最新推荐文章于 2022-08-21 14:30:05 发布

YPL_ZML

最新推荐文章于 2022-08-21 14:30:05 发布

阅读量505

点赞数

本文链接：https://blog.csdn.net/YPL_ZML/article/details/88875892

版权

本文详细介绍了如何使用HTML、CSS和JavaScript技术，实现网页上的省市联动下拉菜单效果。通过JavaScript动态更新省级选择后对应的市级选项，提供无缝的用户体验。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$省市联动$</title>
</head>
<body>
<select name="province"  id="province" >  <!--// province:0 -->
    <option value="0">北京</option>
    <option value="1">河南省</option>
    <option value="2">河北省</option>
    <option value="3">广东省</option>
</select>
<select name="city" id="city">
    //不能提前写好
</select>
<script src="获取元素.js"></script>
<script>
window.onload = function () {
    //1:下拉列表改变  onchange 给你要改变那个列表加
    //2:数据  城市数组
    var str = ''; //空串
    var cities = [['朝阳区','海淀区','大兴区'],['洛阳市','开封市','郑州市'],['张家口市','石家庄市','保定市'],
        ['东莞市&