`
ghyghoo8
  • 浏览: 193087 次
  • 性别: 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;
}
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics