Artikel ini menjelaskan metode menerapkan kotak drop-down pilih dengan fungsi input di JS. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Metode Implementasi Satu
Salin kode sebagai berikut: <Html>
<head>
<Meta http-equiv = 'konten tipe' konten = 'teks/html; Charset = GB2312 '>
<title> JS mengimplementasikan kotak drop-down yang dapat dimasukkan </iteme>
</head>
<body>
<Div style = "Posisi: relatif;">
<span style = "margin-kiri: 100px; lebar: 18px; overflow: tersembunyi;">
<pilih Onchange = "this.parentnode.nextsibling.value = this.value">
<Opsi value = "Jerman"> Jerman </potion>
<Option value = "Norwegia"> Norwegia </potion>
<Opsi value = "Swiss"> Swiss </pection>
</pilih> </span> <input name = "box">
</div>
</body>
</html>
Metode Implementasi Dua
Salin kode kode sebagai berikut: <pilih id = "pilih" onkeyDown = "select.del (ini, acara)" onkeypress = "select.write (ini, acara)">
<Option value = ""> </pection>
<Option value = "AAA"> AAA </pection>
<Option value = "BBB"> BBB </pection>
<Option value = "ccc"> ccc </pection>
</pilih>
<input type = "tombol" value = "Dapatkan nilai seleksi" id = "test" onclick = "test ();"/>
<script>
var select = {
del: function (obj, e) {
if ((E.KeyCode || E. yang || e.charcode) == 8) {
var opt = obj.options [0];
opt.text = opt.value = opt.value.substring (0, opt.value.length> 0? opt.value.length-1: 0);
}
},
tulis: fungsi (obj, e) {
if ((E.KeyCode || E. yang || e.charcode) == 8) kembali;
var opt = obj.options [0];
opt.Selected = "dipilih";
opt.text = opt.Value += String.FromCharCode (E.Charcode || E. yang || E.KeyCode);
}
}
function test () {
alert (document.geteLementById ("pilih"). value);
}
</script> <br />
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.