В этой статье описывается метод реализации раскрывающегося ящика Select с функцией ввода в JS. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Метод реализации один
Скопируйте код следующим образом: <html>
<Голова>
<Meta http-equiv = 'content-type' content = 'text/html; charset = gb2312 '>
<Title> JS реализует вводимый раскрывающийся путь </title>
</Head>
<Тело>
<div style = "позиция: относительно;">
<span style = "margin-left: 100px; ширина: 18px; переполнение: скрыто;">
<select onchange = "this.parentnode.nextibling.value = this.value">
<option value = "Германия"> Германия </option>
<option value = "Норвегия"> Норвегия </option>
<option value = "Швейцария"> Швейцария </option>
</select> </span> <input name = "box">
</div>
</Body>
</Html>
Метод реализации второй
Скопируйте код кода следующим образом: <select 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 </option>
</select>
<input type = "button" value = "get значения выбора" id = "test" onclick = "test ();"/>
<Скрипт>
var select = {
del: function (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);
}
},
написать: function (obj, e) {
if ((e.keycode || e.which || e.charcode) == 8) return;
var opt = obj.options [0];
opt.selected = "selected";
Opt.Text = Opt.Value += String.FromCharcode (E.Charcode || E.Which || e.keyCode);
}
}
функциональный тест () {
Alert (document.getElementById ("select"). Value);
}
< /script> <br />
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.