Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 2 Möglichkeiten zur Implementierung bearbeitbarer Dropdown-Boxen_Javascript-Fähigkeiten

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

WBOY
Freigeben： 2016-05-16 16:44:56
Original
1738 Leute haben es durchsucht

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 >

Verwandte Etiketten：
下拉框 可编辑
Quelle：php.cn
Vorheriger Artikel：Regulärer Ausdruck zum Entfernen von Kommentaranweisungen in javascript_javascript-Tipps Nächster Artikel：Verwenden von JavaScript zum dynamischen Einfügen und Löschen von Eingabefeldern in JSP_javascript-Kenntnissen
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
Die Abfrage und die Formel bilden die gesamte Tabelle mit neuen Spalten, wobei die neuen Spalten Formeln sind, die andere bedingte Spaltenwerte beinhalten BEARBEITEN: Die Formel sollte die Spalte „Wert“ sein – die Spalte „Wert“ mit der niedrigst...
Aus 2024-04-06 21:23:40
0
2
530
Sudoku-Checker funktioniert nicht? Kann mir jemand helfen, den Fehler zu identifizieren? Ich habe alles im Online-Editor versucht, erhalte aber immer noch die Fehlermeldung. Aber ...
Aus 2024-04-06 21:21:07
0
1
474
Generieren Sie Standardwerte und CSS-Variablen mit SCSS Ich setze Website-Styling um. Aus Gründen der Legacy-Unterstützung muss ich IE11 zumindest...
Aus 2024-04-06 17:46:54
0
1
355
Datensatzabfrage unter Teilwertbedingungen – gemeinsame Nutzung von SQL-Kenntnissen Ich habe eine Tabelle namens zipcode, die eine Spalte namens code enthält. Die Spalte „Cod...
Aus 2024-04-06 16:01:26
0
1
395
Möglichkeit, ASP Classic-Code als String in der MYSQL-Datenbank zu speichern Ist es möglich, klassischen ASP-Code in einer MySQL-Datenbank zu speichern und ihn beim Ab...
Aus 2024-04-06 13:38:43
0
1
358
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage

Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！

Über uns Haftungsausschluss Sitemap

© php.cn All rights reserved

< select name="fason">
option>