Question

我在<SELECT>中有很多选项。

当我输入字母时，我需要一种简单的方法来过滤选项。如果可能的话，我想用jQuery来做。我查看了一些插件，但它们看起来都太复杂了。甚至jQuery UI的AUTOCOMPLETE。我不想设置任何样式，只需用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();
})

这应该会让您大致了解如何继续。使用包含选择器过滤

使用/ jQuery过滤下拉选项

1 个答案: