Este artigo descreve o método de implementação da caixa suspensa Selecionar com a função de entrada no JS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Método de implementação um
Copie o código da seguinte forma: <html>
<head>
<Meta http-equiv = 'content-type' content = 'text/html; charset = gb2312 '>
<Title> JS implementa a caixa suspensa inputável </ititle>
</head>
<Body>
<div style = "Posição: relativa;">
<span style = "margem-esquerda: 100px; largura: 18px; transbordamento: hidden;">
<select onchange = "this.parentnode.nextsibling.value = this.value">
<opção value = "Alemanha"> Alemanha </pption>
<opção value = "Noruega"> Noruega </pption>
<opção value = "suitzerland"> Suíça </pption>
</leclect> </span> <input name = "box">
</div>
</Body>
</html>
Método de implementação Dois
Copie o código do código da seguinte forma: <select id = "selecione" onKeydown = "select.del (this, evento)" onkeypress = "select.write (this, event)">
<opção value = ""> </pption>
<opção value = "aaa"> aaa </pption>
<opção value = "bbb"> bbb </pption>
<opção value = "ccc"> ccc </pption>
</leclect>
<input type = "button" value = "obter valor de seleção" id = "teste" onclick = "test ();"/>
<Cript>
var select = {
del: function (obj, e) {
if ((e.Keycode || ewhich || 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);
}
},
Escreva: function (obj, e) {
if ((e.Keycode || ewhich || e.charcode) == 8) retornar;
var opt = obj.options [0];
opt.Selected = "Selected";
opt.text = opt.value += string.fromCharCode (e.charcode || ewhich || e.KeyCode);
}
}
function test () {
alert (document.getElementById ("selecione"). valor);
}
< /script> <r />
Espero que este artigo seja útil para a programação JavaScript de todos.