全国城市三级级联菜单（java+Ajax+jQuery）

2012-09-09 

先创建HTML（显示）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>jQuery 三级地市级联菜单_http://www.codefans.net</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style>
    #test select{
        width:100px;
        margin-left:20px;
    }
  </style>
  
  <script src="jquery-1[1].2.6.js" type="text/javascript"></script>
  <script src="jquery.provincesCity.js" type="text/javascript"></script>
  <script src="provincesdata.js" type="text/javascript"></script>
  <script>
    //调用插件
    $(function(){
        $("#test").ProvinceCity();
    });
  </script>
</head>
<body>
    <div id="test"></div>
</body>
</html>

还有JS包含在附件当中

附件下载：https://files.cnblogs.com/tianyuxuepiao/Ajax(jQuery)city.rar  

posted @ 2012-09-10 23:06  李白~~  阅读(9657)  评论(2)  编辑  收藏  举报