`
ghyghoo8
  • 浏览: 192800 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

自用省市级联及定位

    博客分类:
  • js
阅读更多
省市二级级联===========================
*
*
*/
//初始化省级联===============================
  //初始化省数据=======================
  $.each(GP,function(index,callback){
  $("#provinceul").append("<li onclick='selectedPriv(this)'>"+callback+"</li>")
  });
    //注册input单击====================   
$("#province").click(function(){
          divfixed2($(this)[0],"provincediv");
           });
//初始化级联===========================
if($("#province").val()!=""){
          initGT(GT[ returnIndex($("#province").val())]);
}


//li的hover
$("#provinceul li").hover(function(){
   $(this).attr("class","provinceulcss");
     },function(){
       $(this).attr("class","");
     });
$("#cityul li").hover(function(){
   $(this).attr("class","cityulcss");
     },function(){
       $(this).attr("class","");
     });

    });
//初始化市级================
function initGT(selectGT){
//清空html
$("#cityul").empty();
$.each(selectGT,function(index,callback){
  $("#cityul").append("<li onclick='selectedCity(this)'>"+callback+"</li>");
  });
      //注册input单击====================   
$("#city").click(function(){
          divfixed2($(this)[0],"citydiv");
           });
}

//firefox的定位必须加 "px"=================================
function divfixed2(r,name){
   var sug=document.getElementById(name)
   sug.style.left=getPosition(r).x+"px";
   sug.style.top=getPosition(r).y+r.offsetHeight+"px";
   sug.style.position="absolute";
   sug.style.visibility="visible";
   jQuery(sug).slideDown("normal");
}

function selectedPriv(r){
$("#province").val($(r).html());
initGT(GT[returnIndex($("#province").val())]);
//重新设定城市==============
$("#city").val($("#cityul li").html());
hideDiv("#provincediv");
//重新装载css
$("#cityul li").hover(function(){
   $(this).attr("class","cityulcss");
     },function(){
       $(this).attr("class","");
     });

}
function selectedCity(r){
$("#city").val($(r).html());
hideDiv("#citydiv");
}
function hideDiv(name){
jQuery(name).slideUp("normal");
}
//返回序号=======================
function returnIndex(privName){
var p;
$.each(GP,function(index,callback){ 
           if(privName==callback){
           p=index;
           return false;
           }
           });
return p;
}
分享到:
评论

相关推荐

    学习资源自用自用自用自用

    学习资源自用自用自用自用

    一个数据集 自用 自用 自用 自用 自用

    一个数据集 自用 自用 自用 自用 自用

    自用后端开发资料包,自用自用

    自用后端开发资料包,自用自用

    剪辑 蜜蜂剪辑 自用自用自用自用自用自用

    自用蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂剪辑蜜蜂...

    梦里飞雪自用模块很好用的模块

    梦里飞雪自用模块梦里飞雪自用模块梦里飞雪自用模块梦里飞雪自用模块梦里飞雪自用模块梦里飞雪自用模块

    自用源码及抓包数据

    自用

    自用数据库管理工具

    标题中的“自用数据库管理工具”表明这是一款个人使用的用于管理和操作数据库的应用程序。数据库管理工具通常是用于创建、查看、编辑和管理数据库的软件,它可以帮助用户更方便地执行SQL查询,进行数据备份、恢复,...

    亚布图库自用图库分享

    自用图库 比较好用的 自用图库 比较好用的 自用图库 比较好用的 自用图库 比较好用的 自用图库 比较好用的 自用图库 比较好用的 自用图库 比较好用的

    小黑自用的DLL库查看器

    小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的DLL库查看器小黑自用的...

    Delphi实现的网页绝对定位打印控件(自用)

    标题中的“Delphi实现的网页绝对定位打印控件(自用)”表明这是一个使用Delphi编程语言开发的控件,主要用于网页内容的打印,并且具备在打印时进行精确的绝对定位功能。Delphi是一款面向对象的可视化集成开发环境...

    ps自用笔刷

    ps自用笔刷

    易语言模块六六自用模块.rar

    "易语言模块六六自用模块.rar"很可能是一个由用户"六六"创建并个人使用的易语言模块集合,它包含了多个功能模块,方便在易语言编程时调用,提高开发效率。 模块在编程中是将相关功能封装在一起的代码单元,可以看作...

    LocationManager 自用中文资料

    它提供了一种方式来访问系统定位服务,让应用能够定期更新位置信息,或者在设备接近特定地理位置时触发预设的意图(Intent)。以下是对`LocationManager`类及其相关知识点的详细解释: 1. **获取LocationManager...

    自用 全国银行详细数据sql文件 , 包含 开户行地址、联行号、归属城市

    例如,通过联行号,银行系统可以快速定位到具体的银行分支,进行跨行交易的处理。在实际操作中,联行号常用于银行间电子汇兑、实时清算系统,如大额支付系统(HVPS)和小额支付系统(BEPS)。 其次,开户行地址是...

    网页制作资料【自用】网页制作资料【自用】

    这份“网页制作资料【自用】”压缩包很可能是为了帮助初学者或者自学者系统地学习网页制作的各项技能。 首先,我们要了解网页制作的基础——HTML(HyperText Markup Language)。HTML是网页内容的结构语言,用于...

    自用魔法网络及安装包下载地址

    自用魔法网络

    自用vim配置文件及插件

    这个“自用vim配置文件及插件”压缩包包含了个人定制的Vim设置和一系列插件,旨在提升编程体验,特别是对于C和C++等语言的开发。 首先,让我们了解一下Vim的配置文件`.vimrc`。这个文件是Vim启动时加载的脚本,用于...

    Super-EC5.1自用模块(蒋勇).ec

    Super-EC5.1自用模块(蒋勇).ec 自己编写完全免费

Global site tag (gtag.js) - Google Analytics