1
裸のドロップダウンボックスがある場合、タイプを先に追加する最も簡単な方法は何ですか?ドロップダウンのためのフリル(非jQuery)先行入力?
ボックス自体については何も複雑でダイナミックではありません。多くのオプション(ここでは米国の州)があります。
AJAXのような他のすべての機能をあきらめていれば、基本的に私はこの単純なケースをコードのいくつかの行で処理できるかどうか疑問に思っています。それはのようにきれいではありません
<head>
<script type="text/javascript">
function typeDropdown(typedStr,ddObj) {
var index = ddObj.getElementsByTagName("option");
for(var i = 0; i < index.length; i++) {
if(index[i].firstChild.nodeValue.toLowerCase().substring(0,typedStr.length) == typedStr.toLowerCase()) {
index[i].selected = true;
break;
}
}
}
</script>
</head>
<body>
<form>
<input type="text" name="search" onkeyup="typeDropdown(this.value,this.parentNode.dd);" />
<select name="dd">
<option>Your Options</option>
<option>Here</option>
</select>
</form>
</body>
が、私は、これはあなたが得ることができる最も簡単だと思う: