suchen

Heim  >  Artikel  >  Web-Frontend  >  2 Möglichkeiten zur Implementierung bearbeitbarer Dropdown-Boxen_Javascript-Fähigkeiten

2 Möglichkeiten zur Implementierung bearbeitbarer Dropdown-Boxen_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 16:44:561723Durchsuche

Bearbeitbares Dropdown-Feld – HTML

Code kopieren Der Code lautet wie folgt:

< div style="position:relative;" ="position:absolute;width:99px;height:16px;left:1px;top:2px;border-bottom:0px;border-right:0px;border-left:0px;border-top:0px;"> 🎜>



Bearbeitbares Dropdown-Feld-JS



Code kopieren

Der Der Code lautet wie folgt: Bearbeitbares Dropdown-Feld function Combox(obj ,select){
this.obj=obj
this.name=select;
this.select=document.getElementsByName(select)[0]/*The drop- Down-Box, die konvertiert werden soll*/
}
/*Initialisierungsobjekt*/
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) ")"
/*Dropdown-Feld ausschneiden*/
}
this.select.onchange=new Function(this.obj " .change()")
this.change()

}
/*Ende der Initialisierung*/

////////Objektereignisdefinition// /////
combox.prototyp.find=function(){
/*Wenn der Wert des Eingabefelds gesucht wird, wird das Dropdown-Feld automatisch positioniert*/
var inputbox=document .getElementsByName("combox_" this.name)[0]
with(this.select){
for(i=0;iif(options[i]. text.indexOf(inputbox.value)==0){
selectedIndex=i
this.change();
break
}
}

combox.prototype.change=function(){
/ *Definieren Sie das Onchange-Ereignis des Dropdown-Felds*/
var inputbox=document.getElementsByName("combox_" this.name)[0]
inputbox.value=this.select.options[this.select.selectedIndex].text ;
with(inputbox){select();focus()}
////// //Ende des Objektereignisses///////
/*Öffentliche Positionierungsfunktion (die absoluten Koordinaten des Steuerelements abrufen)*/
Funktion getL(e){
var l=e.offsetLeft ;
while(e=e.offsetParent)l
return l
}
function getT(e){
var t=e.offsetTop; (e=e.offsetParent)t =e.offsetTop;
return t
}
/*End*/
;
var a=new Combox("a","fason")
a >

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Regulärer Ausdruck zum Entfernen von Kommentaranweisungen in javascript_javascript-TippsNächster Artikel：Regulärer Ausdruck zum Entfernen von Kommentaranweisungen in javascript_javascript-Tipps

In Verbindung stehende Artikel

Mehr sehen
< select name="fason">
option>