首先下载JS文件jquery.city.js (3.64 kb) 和中国省市三级的数据 ChinaArea.xml (235.81 kb)
在Head里引用
XML/HTML代码
- <script src="/js/jquery.js" type="text/javascript"></script>
- <script type="text/javascript" src="/js/jquery.city.js"></script>
XML/HTML代码
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <title>jquery省市三级联动</title>
- <script src="/js/jquery.js" type="text/javascript"></script>
- <script type="text/javascript" src="/js/jquery.city.js"></script>
- </head>
- <body>
- <div id="province_city_area">
- </div>
- </body>
- </html>
JavaScript代码
- $(document).ready(function() {
- //给初始值
- j.Jprov("浙江");
- j.Jcity("杭州市");
- j.Jarea("西湖区");
- });
取值代码为
JavaScript代码
- j.Jprov();
- j.Jcity();
- j.Jarea();