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

全国城市三级级联菜单（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    

 

 

标签:  java开发 ,  常用小方法

作者： Leo_wl

　　　　

出处： http://www.cnblogs.com/Leo_wl/

　　　　

本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

版权信息

查看更多关于全国城市三级级联菜单（java+Ajax+jQuery）的详细内容...

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did48073