省市区三级联动--移动端

最新推荐文章于 2024-07-26 17:54:04 发布

lavendersue

最新推荐文章于 2024-07-26 17:54:04 发布

阅读量3.9k

点赞数 1

分类专栏：常用插件文章标签： js 三级联动

本文链接：https://blog.csdn.net/lavendersue/article/details/92068412

版权

本文介绍了如何在移动端实现省市区三级联动效果，无需付费插件，通过js和city.js数据实现。提供html和mobileSelect.js代码示例，并提醒读者可以自定义样式，但推荐使用现有样式库。

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

随着信息时代的发展，我们已经可以足不出户就建议购买到我们想要的东西，这个想必不需要我多说，大家都知道也切身体会到，在使用这些APP的中不可避免的就是我们的地址，小编在做需求时看到了这一项，所以到插件库找了一下，发现下载是需要money滴，奈何小编是个穷X，没钱购买，所以只能自己动手了。话不多说，代码为重。
html:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge chrome=1">
    <title></title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body class="address">
     <div class="city"> <a href="#"  role="button" id="sel_city">所在地区</a></div>
     <script src=&