Cet article décrit la méthode d'implémentation de la boîte déroulante SELECT avec la fonction d'entrée dans JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Méthode d'implémentation un
Copiez le code comme suit: <html>
<adal>
<Meta http-equiv = 'content-type' content = 'text / html; charse = gb2312 '>
<Title> JS implémente la boîte déroulante entrée </TITAL>
</ Head>
<body>
<div style = "position: relative;">
<span style = "margin-left: 100px; largeur: 18px; débordement: caché;">
<select onchange = "this.parentnode.nextsibling.value = this.value">
<Option Value = "Allemagne"> Allemagne </ Option>
<Option Value = "Norway"> Norvège </option>
<Option Value = "Suisse"> Suisse </ Option>
</lect> </span> <entrée name = "box">
</div>
</docy>
</html>
Méthode d'implémentation deux
Copiez le code du code comme suit: <sélectionnez id = "select" onkeydown = "select.del (this, event)" onKeyPress = "select.write (this, event)">
<Option Value = ""> </ Option>
<option value = "aaa"> aaa </ option>
<Option Value = "BBB"> BBB </ Option>
<option value = "ccc"> ccc </opoption>
</lect>
<input type = "Button" value = "Obtenir la valeur de sélection" id = "test" onclick = "test ();" />
<cript>
var select = {
del: fonction (obj, e) {
if ((e.KeyCode || e.which || 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);
}
},
write: function (obj, e) {
if ((e.KeyCode || e.which || e.charcode) == 8) return;
var opt = obj.options [0];
opt.selected = "sélectionné";
opt.text = opt.value + = string.fromCharcode (e.charcode || e.which || e.KeyCode);
}
}
fonction test () {
alert (document.getElementById ("SELECT"). Valeur);
}
</cript> <br />
J'espère que cet article sera utile à la programmation JavaScript de tous.