html 输入框的位置,JavaScript和jQuery获取input框的绝对位置实现方法

javascript与jQuery设置取得div绝对位置一个小应用(像日历控件一样，在编辑框下面显示一个层)

//全局变量，获得焦点的ID

var onFocusID = "";

//取得绝对位置

function absPos(node){

var x=y=0;

do{

x+=node.offsetLeft;

y+=node.offsetTop;

}while(node=node.offsetParent);

return{

'x':x,

'y':y

};

}

//显示省份

function showProvince(obj){

//javascript的方法

//jQuery("#divProvince").css("left",absPos(obj).x);

//jQuery("#divProvince").css("top",absPos(obj).y + jQuery(obj).outerHeight());

//jQuery的方法

jQuery("#divProvince").css("left",jQuery(obj).offset().left);

jQuery("#divProvince").css("top",jQuery(obj).offset().top + jQuery(obj).outerHeight());

jQuery("#divProvince").show();

onFocusID = obj.id;

}

//隐藏省份

function hideProvince(){

jQuery("#divProvince").hide();

}

//

$(function(){

$("#divProvince input").each(function(){

$(this).click(function(){

//this.checked="checked";

//alert(jQuery(this).attr("value"));

if(onFocusID != ""){

$("#"+onFocusID).val($(this).val());

}

$("#divProvince").hide();

});

});

});

省份
省份

北京

上海

天津

重庆

安徽

福建

甘肃

广东

广西

贵州

海南

河北

河南

黑龙江

湖北

湖南

吉林

江苏

江西

辽宁

内蒙古

宁夏

青海

山东

山西

陕西

四川

西藏

新.疆

云南

浙江

香港

澳门

台湾

取消