快速业务通道

省份城市菜单联动,AJAX 3级菜单联动

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-24

首先看JQ的扩展如下:

//city selected

jQuery.fn.cityselect = function(n,s1,s2,s3) {
if ((n!=3)&&(n!=2)) {n=2};
if (s1=="") {s1="province"};
if (s2=="") {s2="city"};
if (s3=="") {s3="area"};

if (n==2){//二级联动
   //alert(s1+$("select[@name=''"+s1+"''] option[@selected]").val());
      $("select[@name=''"+s1+"'']").bind("change",function(event) {
      $.ajax({
        type: "GET",
        url: "/inc/lib/ajax_city.php",
        data: "n=v2&cityid="+$("select[@name=''"+s1+"''] option[@selected]").val(),
        success: function(opt){$("select[@name=''"+s2+"'']").empty().append(opt);}
       });
     });

}

if (n==3){//三级联动

   $("select[@name=''"+s1+"'']").bind("change",function(event) {
      $.ajax({
        type: "GET",
        url: "/inc/lib/ajax_city.php",
        data: "n=v2&cityid="+$("select[@name=''"+s1+"''] option[@selected]").val(),
        success: function(opt){
        $("select[@name=''"+s2+"'']").empty().append(opt);
           $.ajax({
          type: "GET",
          url: "/inc/lib/ajax_city.php",
          data: "n=v3&cityid="+$("select[@name=''"+s2+"''] option[@selected]").val(),
          success: function(opt){
          $("select[@name=''"+s3+"'']").empty().append(opt);
          }
         });
        }
       });
     });
    $("select[@name=''"+s2+"'']").bind("change",function(event) {    
      $.ajax({
      type: "GET",
      url: "/inc/lib/ajax_city.php",
      data: "n=v3&cityid="+$("select[@name=''"+s2+"''] option[@selected]").val(),
 &

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号