常用的jQuery插件网站推荐jq22
进入网站搜索distpicker插件
选择下载自己喜欢的样式
使用插件的方法
1.引入jq文件
2.引入插件文件
3.调用插件方法
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div id="one">
<select name=""></select>
<select name=""></select>
<select name=""></select>
</div>
<script src="../jquery-3.4.1.min.js"></script>
<script src="../../Jquery学习源代码/第四章资料/04-代码/plugin/distpicker.data.js"></script>
<script src="../../Jquery学习源代码/第四章资料/04-代码/plugin/distpicker.js"></script>
<script type="text/javascript">
$(function(){
//使用插件
//1.引入jq文件
//2.引入插件文件
//3.调用插件方法
$('#one').distpicker();
//显示默认的省市
// $('#one').distpicker({
// province: "广东省",
// city: "深圳市",
// district: "宝安区"
// });
});
</script>
</body>
</html>