<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="format-detection" content="telephone=no" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>带select下拉选择框美化的jQuery省市区三级联动插件 </title>
<meta name="keywords" content="jQuery省市区三级联动插件,select下拉选择框美化,jQuery城市选择插件,jQuery城市三级联动" />
<meta name="description" content="jQuery省市区三级联动代码网络上有很多,但是带下拉框模拟美化的缺少很少见,很不错的jQuery插件。" />
<link href="css/city.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/city.min.js"></script>
</head>
<body>
<div id="content-wrap">
<div id="content-left" class="demo">
<form action="" name="form1">
<div class="infolist">
<lable>所在地区:</lable>
<div class="liststyle">
<span id="Province">
<i>请选择省份</i>
<ul>
<li><a href="javascript:void(0)" alt="请选择省份">请选择省份</a></li>
</ul>
<input type="hidden" name="cho_Province" value="请选择省份">
</span>
<span id="City">
<i>请选择城市</i>
<ul>
<li><a href="javascript:void(0)" alt="请选择城市">请选择城市</a></li>
</ul>
<input type="hidden" name="cho_City" value="请选择城市">
</span>
<span id="Area">
<i>请选择地区</i>
<ul>
<li><a href="javascript:void(0)" alt="请选择地区">请选择地区</a></li>
</ul>
<input type="hidden" name="cho_Area" value="请选择地区">
</span>
</div>
</div>
</form>
</div>
<div id="content-right"></div>
</div>
</body>
</html>