什么是文本框获取焦点弹出下拉框?
script LANGUAGE=JavaScriptvar oRegion = document。getElementById(txtRegion); //需要弹出下拉列表的文本框var oDivList = document。 getElementById(divList); //要弹出的下拉列表var oClose = document。getElementById(tdClose); //关闭div的单元格,也可使用按钮实现var colOptions = document。 getElementsByTagName(li); //所有列表元素var bNoAdjusted ...全部
script LANGUAGE=JavaScriptvar oRegion = document。getElementById(txtRegion); //需要弹出下拉列表的文本框var oDivList = document。
getElementById(divList); //要弹出的下拉列表var oClose = document。getElementById(tdClose); //关闭div的单元格,也可使用按钮实现var colOptions = document。
getElementsByTagName(li); //所有列表元素var bNoAdjusted = true;oClose。onclick = function(){ oDivList。style。
display = none; //隐藏div,实现关闭下拉框的效果};//设置下列选择项的一些事件for (var i=0; icolOptions。length; i++){ colOptions[i]。
style。cursor = hand; colOptions[i]。onclick = function() //为列表项添加单击事件 { oRegion。value = this。innerText; }; colOptions[i]。
onmouseover = function() //为列表项添加鼠标移动事件 { this。style。backgroundColor = #ffff00; }; colOptions[i]。
onmouseout = function() //为列表项添加鼠标移走事件 { this。style。backgroundColor = ; };}//文本获得焦点时的事件oRegion。onfocus = function(){ oDivList。
style。display = block; if (bNoAdjusted) //控制div是否已经显示的变量 { bNoAdjusted = false; //设置下拉列表的宽度和位置 oDivList。
style。width = this。offsetWidth + 50; oDivList。style。posTop = oDivList。offsetTop + this。offsetHeight; oDivList。
style。posLeft = oDivList。offsetLeft - this。offsetWidth - 8; }};/script/body/html。收起