Question

I want to create a form for my user which shows a drop down list of 10 elements/strings(which I can provide without making use of Ajax) and all I want is that the list should pop down when the user tries to fill the form and allow the user to add an element/string from the drop down list…

I have seen the autocomplete plugin of jquery, but it is packed with a lot more features that I won’t be using and also because it is too heavy… I am looking for a plugin that’s light and just fits my requirement.

Thanks in advance.

Answer 1

jQuery UI has autocomplete. It doesn’t required ajax. Just an array of strings initialized on load. From the jQuery UI website

<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="ui-widget">
    <label for="tags">Tags: </label>
    <input id="tags">
</div>

The jQuery UI plugins come to a total of 38KB for this feature.