Введите параметры ввода при вводе текста?

Question

У меня есть следующая ситуация:

кому-то нужно, чтобы выбрать игрока, который воспроизводится в данный момент (может быть больше 2 в зависимости от спорта)

я хотел сделать <select>, но она заканчивается слишком большой, чтобы выберите быстро. Я не могу позволить регулярный ввод текста, я хочу, чтобы они правильно набрали имя.

есть ли библиотека/код пример того, как предлагать варианты/заставить их ПОТРЕБИТЬ ДАННЫЕ.

т.е. я тип tri он предлагает мне tristan BlaBla

Что я судимый:

$('#inputID').val(GET NEXT NAME THAT STARTS WITH CURRENT VAL); 

ПРОБЛЕМЫ: он получает раздражают и установить пользователь из фокуса каждый раз.

---

TLDR: что-то вроде поисковых запросов Google.

Answer 1

См JQuery UI автозаполнение-х http://jqueryui.com/demos/autocomplete/

<script> 
    $(function() { 
      var availableTags = [ 
        "ActionScript", 
        "AppleScript", 
        "Asp", 
        "BASIC", 
        "C", 
        "C++", 
        "Clojure", 
        "COBOL", 
        "ColdFusion", 
        "Erlang", 
        "Fortran", 
        "Groovy", 
        "Haskell", 
        "Java", 
        "JavaScript", 
        "Lisp", 
        "Perl", 
        "PHP", 
        "Python", 
        "Ruby", 
        "Scala", 
        "Scheme" 
      ]; 
      $("#tags").autocomplete({ 
        source: availableTags 
      }); 
    }); 
    </script> 



<div class="demo"> 

<div class="ui-widget"> 
    <label for="tags">Tags: </label> 
    <input id="tags"> 
</div> 

</div><!-- End demo -->