2011-07-12 5 views
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> 

が、私は、これはあなたが得ることができる最も簡単だと思う:

答えて

3

これは動作するはずです。

関連する問題