自用省市級聯及定位

省市二級級聯===========================
*
*
*/
//初始化省級聯===============================
//初始化省數據=======================
$.each(GP,function(index,callback){
$("#provinceul").append("<li οnclick='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 οnclick='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;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章