JQuery Text Completer

Question

Я хотел бы добавить текстовое поле в поля моей формы. Я действительно не знаю, как они это называют, я просто подумал, что самым близким будет «завершение текста».

То, что я хочу сделать, очень просто. Допустим, я хочу написать «Сломанный DC Jack». Я хочу, чтобы мой код начал угадывать, что я собираюсь написать, и дал мне до 3 вариантов, когда я напишу "Сломан". Пример; «Сломанный процессор», «Сломанная память», «Сломанный разъем постоянного тока», так что я могу выбрать то, что захочу, тогда мне не нужно продолжать писать целую фразу, она добавляет себя.

Answer 1

Если вы не готовы внедрять свои собственные. У jQueryUI довольно приличное автозаполнение с примерами.

http://jqueryui.com/demos/autocomplete/

<script>
    $(function() {
        var availableTags = [
            "ActionScript",
            "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 -->



<div class="demo-description" style="display: none; ">
<p>The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.</p>
<p>The datasource is a simple JavaScript array, provided to the widget using the source-option.</p>
</div><!-- End demo-description -->

Answer 2

Вы ищете это: http://jqueryui.com/demos/autocomplete/

Answer 3

Это называется auto-complete

В JQuery UI есть этот виджет, отметьте это из