ChrisManciero.com

Create an Auto-Suggest Textbox with JavaScript

Start typing the name of a U.S. State and watch with amazement.

This auto-suggest textbox was created using JavaScript and AJAX.
To use this control on your own page you will need to download the following two files:

• Common.js
• AutoSuggest.js

You will need to include them into your web page in this order.

<script type="text/javascript" src="scripts/Common.js"></script>
<script type="text/javascript" src="scripts/AutoSuggest.js"></script>


After adding the textbox that you want to add the auto-suggest functionality to you need to add the following script tag to the before the ending body tag.

<script type="text/javascript">
new AutoSuggest('TextBox', 'CssClassForResults');
</script>

For more information on how the Auto-Suggest functionality works please read the comments in the AutoSuggest.js file.