Select to Autocomplete

Creates an auto-complete input element from a select element. This is useful for selects with a large amount of options where the user knows what option they wish to select without viewing the available options.

Usage:

Include the KnownSelect JS script somewhere in the page and initialise it with "new KnownSelect(Selector);", where "Selector" matches any select element. You may also add a "data-synonyms" attribute to your options to provide additional text to search through (comma-separated).

<script src="knownselect/knownselect.0.1.js"></script> <script> (function(){ new KnownSelect('#AddressCountry'); })(); </script>

Example