下拉框可编辑选项java_可编辑下拉框的2种实现方式

可编辑下拉框-HTML

A类

B类

C类

D类

可编辑下拉框-JS

可编辑下拉框

可编辑下拉框 作者

function combox(obj,select){

this.obj=obj

this.name=select;

this.select=document.getElementsByName(select)[0];

/*要转换的下拉框*/

}

/*初始化对象*/

combox.prototype.init=function(){

var inputbox="

inputbox+="style='position:absolute;width:"+(this.select.offsetWidth-16)+";height:"+this.select.offsetHeight+";left:"+getL(this.select)+";top:"+getT(this.select)+"'>"

document.write(inputbox)

with(this.select.style){

left=getL(this.select)

top=getT(this.select)

position="absolute"

clip="rect(0 "+(this.select.offsetWidth)+" "+this.select.offsetHeight+" "+(this.select.offsetWidth-18)+")"

/*切割下拉框*/

}

this.select.οnchange=new Function(this.obj+".change()")

this.change()

}

/*初始化结束*/

对象事件定义///

combox.prototype.find=function(){

/*当搜索到输入框的值时,下拉框自动定位*/

var inputbox=document.getElementsByName("combox_"+this.name)[0]

with(this.select){

for(i=0;i

if(options[i].text.indexOf(inputbox.value)==0){

selectedIndex=i

this.change();

break;

}

}

}

combox.prototype.change=function(){

/*定义下拉框的onchange事件*/

var inputbox=document.getElementsByName("combox_"+this.name)[0]

inputbox.value=this.select.options[this.select.selectedIndex].text;

with(inputbox){select();focus()};

}

对象事件结束///

/*公用定位函数(获取控件绝对坐标)*/

function getL(e){

var l=e.offsetLeft;

while(e=e.offsetParent)l+=e.offsetLeft;

return l

}

function getT(e){

var t=e.offsetTop;

while(e=e.offsetParent)t+=e.offsetTop;

return t

}

/*结束*/

var a=new combox("a","fason")

a.init()