필터 드롭 다운 옵션 (jQuery 포함)

나는 많은 옵션 목록을 <SELECT>에 있습니다.필터 드롭 다운 옵션 (jQuery 포함)

편지를 입력 할 때 옵션을 필터링하는 간단한 방법이 필요합니다. 가능하다면 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>

출처

2012-03-21 santa

http://stackoverflow.com/questions/188442/whats-a-good-ajax-autocomplete-plugin-for-jquery-이 스택이 효과적입니다. – Downpour046

글자를 텍스트 입력에 입력하고 그에 따라 선택 필드를 업데이트 할 수 있기를 원하십니까? – Vigrond

jQuery 자동 완성이 당신이 찾고있는 구절입니다. – Downpour046

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

이 진행 방법 당신에게 거친 아이디어를 줄 것이다. 필터로 포함 선택 도구를 사용하여

출처

2012-03-21 18:51:04

필터 드롭 다운 옵션 (jQuery 포함)

답변

관련 문제