打開插件庫:jQuery插件庫-收集最全最新最好的jQuery插件
搜索“jQuery中國省市區地址三級聯動插件Distpicker”,這個可免費下載。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="one">
<select name="" id=""></select>
<select name="" id=""></select>
<select name="" id=""></select>
</div>
</body>
</html>
<script src="../JQuery/jquery-1.12.4.js"></script>
<script src="../JQuery/distpicker.data.js"></script>
<script src="../JQuery/distpicker.js"></script>
<script>
$(function(){
//使用插件
//1.引入jQuery文件
//2.引入插件文件
//3.調用插件方法(一般插件方法與插件名一樣)
$('#one').distpicker()
});
</script>