Ausführlicher Dropdown -Box - HTML
Die Codekopie lautet wie folgt:
<div style = "Position: relativ;">
<select onchange = "document.getElementById ('input'). value = this.value">
<Option Value = "Klasse A"> Klasse A </Option>
<Option Value = "Klasse B"> Klasse B </Option>
<Option Value = "Klasse C"> Klasse C </Option>
<Option Value = "Klasse D"> Klasse D </Option>
</select>
<Eingabe-ID = "Eingabe" name = "Eingabe" style = "Position: absolut; Breite: 99px; Höhe: 16px; links: 1px; ober: 2px; Border-Bottom: 0px; Border-Light: 0px; Border-Links: 0px; Border-Top: 0px;">
</div>
Ausführlicher Dropdown-Box-Js
Die Codekopie lautet wie folgt:
<html>
<kopf>
<meta name = "generator" content = "microsoft FrontPage 5.0">
<meta name = "progid" content = "FrontPage.Editor.Document">
<meta http-äquiv = "content-type" content = "text/html; charset = gb2312">
<title> bearbeitbares Dropdown-Box </title>
</head>
<body>
<table style = "Border: 2px Outset; Hintergrundfarbe:#d2e8ff" align = "center">
<tr>
<td align = "center">
<select name = "fason">
<Option Value = "Bearbeitbares Dropdown-Feld"> FEEDITABLE DROFTER-KOBLE </Option>
<Option Value = "Autor"> Autor </Option>
</select>
</td>
</tr>
</table>
<script Language = "JavaScript">
Funktion combox (obj, select) {
this.obj = obj
this.name = select;
this.select = document.getElementsByName (select) [0];
/*Das Dropdown-Box soll konvertiert werden*/
}
/*Objekt initialisieren*/
combox.prototype.init = function () {
var inputBox = "<Eingabe name = 'combox _"+this.name+"' onchange = '"+this.obj+". find ()' '"
inputbox+= "style = 'Position: absolut; Breite:"+(this.Select.Offsetwidth-16)+"; Höhe:"+this.select.offseteight+"; links:"+getl (this.Select)+";
document.write (inputbox)
mit (this.select.style) {
links = getl (this.select)
Top = Get (this.select)
Position = "absolut"
clip = "rect (0"+(this.select.Offsetwidth)+""+this.select.offseteight+""+(this.Select.Offsetwidth-18)+")") "
/*Pull-Down-Box ausschneiden*/
}
this.select.onchange = neue Funktion (this.obj+". Change ()")
this.change ()
}
/*Initialisierung endet*//
/////////////// Objektereignis Definition ////////////
combox.prototype.find = function () {
/*Wenn der Wert des Eingangsfelds durchsucht wird, wird das Dropdown-Feld automatisch positioniert*/
var inputBox = document.getElementsByName ("combox _"+this.name) [0]
mit (this.select) {
für (i = 0; i <options.length; i ++)
if (Optionen [i] .Text.indexof (inputBox.Value) == 0) {
selectedIndex = i
this.change ();
brechen;
}
}
}
combox.prototype.change = function () {
/*Definieren Sie das Onchange-Ereignis des Dropdown-Box*/
var inputBox = document.getElementsByName ("combox _"+this.name) [0]
inputBox.Value = this.select.options [this.select.SelectedIndex] .Text;
mit (inputBox) {select (); Focus ()};
}
///////////////////////////////////////////////
/*Gemeinsame Positionierungsfunktion (Holen Sie sich die absoluten Koordinaten der Kontrolle)*//
Funktion getl (e) {
var l = e.offsetleft;
while (e = E. offsetParent) l+= e.offsetleft;
Rückkehr l
}
Funktion gett (e) {
var t = e.offsettop;
while (e = e.offsetParent) t+= e.offsettop;
Rückkehr t
}
/*Beenden*/
</script>
<script Language = "JavaScript">
var a = new combox ("a", "fason")
a.init ()
</script>
</body>
</html>