<!DOCTYPE html><html><head> ???<meta charset="utf-8"> ???<meta http-equiv="x-ua-compatible" content="ie=edge"> ???<meta name="viewport" content="width=device-width, initial-scale=1"> ???<title>：jQuery省市区三级联动插件city-picker</title> ???<base target="_blank" /> ???<!--必要样式--> ???<link href="http://hovertree.com/ziyuan/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> ???<link href="http://hovertree.com/texiao/bootstrap/4/css/city-picker.css" rel="stylesheet" type="text/css" /></head><body> ???<div id="distpicker"> ???????<div class="form-group"> ???????????<div style="position: relative;"> ???????????????<input id="city-picker3" class="form-control" readonly type="text" value="江苏省/常州市/溧阳市" data-toggle="city-picker"> ???????????</div> ???????</div> ???????<div class="form-group"> ???????????<button class="btn btn-warning" id="reset" type="button">重置</button> ???????????<button class="btn btn-danger" id="destroy" type="button">确定</button> ???????</div> ???</div> ???<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> ???<script src="http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js"></script> ???<script src="http://hovertree.com/texiao/bootstrap/4/js/city-picker.data.js"></script> ???<script src="http://hovertree.com/texiao/bootstrap/4/js/city-picker.js"></script> ???<script src="http://hovertree.com/texiao/bootstrap/4/js/main.js"></script></body></html>
js 三级联动
原文地址：http://www.cnblogs.com/ideacore/p/7682156.html