mui框架实现三级联动(省市区)

mui框架实现三级联动(省市区)

前提:是基于mui,所有要下载mui的包

1—html部分

<input type="text" placeholder="请选择地址"  id="site"/>

2—CSS：引入mui及mui封装的选择列表插件picker样式

<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/mui.picker.css">
<link rel="stylesheet" href="css/mui.poppicker.css">

3—JS的引入：大致同上 额外准备用来存储城市信息的JS

<!-- 由于这里的js用的是zepto.js,所以要引用 -->
<script src="js/zepto.min.js"></script>
<script src="js/mui.min.js"></script>
<script src="js/mui.picker.js"></script>
<script src="js/mui.poppicker.js"></script>
<!-- 这里的city.js是省市区的所有数据,下面有链接 -->
<script src="js/city.js"></script>

4—js代码部分

<script>
	//注意一定不要忘记写入口函数!!!
    $(func