Kotak drop -down yang dapat diedit - HTML
Salinan kode adalah sebagai berikut:
<Div style = "Posisi: relatif;">
<pilih Onchange = "Document.GetElementById ('Input'). Value = this.Value">
<Option value = "class a"> class a </option>
<Option value = "class b"> class b </pection>
<Option value = "class c"> class c </pection>
<Option value = "class d"> class d </pection>
</pilih>
<input id = "input" name = "input" style = "Posisi: absolute; lebar: 99px; tinggi: 16px; kiri: 1px; atas: 2px; border-bottom: 0px;-kanan-border: 0px; kiri-kiri: 0px; perbatasan-top: 0px;">
</div>
Kotak drop-down yang dapat diedit
Salinan kode adalah sebagai berikut:
<Html>
<head>
<meta name = "generator" content = "Microsoft Frontpage 5.0">
<meta name = "progid" content = "frontPage.Editor.document">
<meta http-equiv = "konten tipe" content = "text/html; charset = gb2312">
<title> kotak drop-down yang dapat diedit </iteme>
</head>
<body>
<Table style = "Border: 2px Eartset; latar belakang-warna:#d2e8ff" align = "center">
<tr>
<td align = "center">
<Pilih Nama = "Fason">
<Option value = "Kotak drop-down yang dapat diedit"> Kotak drop-down yang dapat diedit </pection>
<Option value = "penulis"> penulis </pect>
</pilih>
</td>
</tr>
</boable>
<bahasa skrip = "javascript">
function combox (obj, pilih) {
this.obj = obj
this.name = pilih;
this.select = document.getElementsbyname (pilih) [0];
/*Kotak drop-down yang akan dikonversi*/
}
/*Menginisialisasi objek*/
combox.prototype.init = function () {
var inputbox = "<input name = 'combox _"+this.name+"' onchange = '"+this.obj+". find ()'"
inputbox+= "style = 'position: absolute; width:"+(this.select.offsetWidth-16)+"; tinggi:"+this.select.offsetheight+"; kiri:"+getl (this.select)+"; atas:"+gett (this.select)+">"
Document.write (InputBox)
dengan (this.select.style) {
Left = getL (this.select)
top = gett (this.select)
Posisi = "Absolute"
clip = "rect (0"+(this.select.offsetWidth)+""+this.select.offsetHeight+""+(this.select.offsetWidth-18)+")"
/*Potong kotak pull-down*/
}
this.select.onchange = fungsi baru (this.obj+". ubah ()")
this.change ()
}
/*Inisialisasi berakhir*/
/////////////////////////////
combox.prototype.find = function () {
/*Ketika nilai kotak input dicari, kotak drop-down akan diposisikan secara otomatis*/
var inputbox = document.geteLementsbyname ("combox _"+this.name) [0]
dengan (this.select) {
untuk (i = 0; i <options.length; i ++)
if (options [i] .text.indexof (inputbox.value) == 0) {
SelectedIndex = i
this.change ();
merusak;
}
}
}
combox.prototype.change = function () {
/*Tentukan acara Onchange dari kotak drop-down*/
var inputbox = document.geteLementsbyname ("combox _"+this.name) [0]
inputbox.value = this.select.options [this.select.selectedIndex] .text;
dengan (inputbox) {select (); focus ()};
}
THR ///////////////////////////////
/*Fungsi penentuan posisi umum (dapatkan koordinat absolut dari kontrol)*/
fungsi getl (e) {
var l = e.offsetleft;
sementara (e = e.offsetparent) l+= e.offsetleft;
Kembali l
}
fungsi gett (e) {
var t = e.offsettop;
sementara (e = e.offsetparent) t+= e.offsettop;
Mengembalikan t
}
/*Menyelesaikan*/
</script>
<bahasa skrip = "javascript">
var a = combox baru ("a", "fason")
A.Init ()
</script>
</body>
</html>