全国城市三级级联菜单(java+Ajax+jQuery)

先创建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  

 
 
原文地址:https://www.cnblogs.com/Leo_wl/p/2679540.html