jQueryを使用したフィルタドロップダウンオプション

Question

私は<SELECT>に長いオプションリストを持っています。

文字を入力すると、オプションをフィルタリングする簡単な方法が必要です。可能であれば、jQueryを使ってやりたいと思います。私はいくつかのプラグインを見ましたが、すべて複雑すぎるようです。 jQuery UIのオートコンプリート。私は何もスタイルしたくない、jQueryで強化された単なるHTMLです。

誰かがすでにこのようなことをしていると確信しています。正しい方向へのどんな動きも高く評価されます。

<select id="mySelector"> 
    <option value=""></option> 
    <option value="ActionScript">ActionScript</option> 
    <option value="AppleScript">AppleScript</option> 
    <option value="Asp">Asp</option> 
    <option value="BASIC">BASIC</option> 
    <option value="C">C</option> 
    <option value="C++">C++</option> 
    <option value="Clojure">Clojure</option> 
    <option value="COBOL">COBOL</option> 
    <option value="ColdFusion">ColdFusion</option> 
    <option value="Erlang">Erlang</option> 
    <option value="Fortran">Fortran</option> 
    <option value="Groovy">Groovy</option> 
    <option value="Haskell">Haskell</option> 
    <option value="Java">Java</option> 
    <option value="JavaScript">JavaScript</option> 
    <option value="Lisp">Lisp</option> 
    <option value="Perl">Perl</option> 
    <option value="PHP">PHP</option> 
    <option value="Python">Python</option> 
    <option value="Ruby">Ruby</option> 
    <option value="Scala">Scala</option> 
    <option value="Scheme">Scheme</option> 
</select> 

Answer 1

$('#textbox').keyup(function(){ 
    text=$(this).value(); 
    $('select option').hide(); 
    $('select option').filter(':contains('+text')').show(); 
}) 

これはあなたの進め方大まかなアイデアを与える必要があります。フィルタリングするcontainsセレクタを使用して