Simple JQuery Autosuggest Dropdown ColdFusion Custom Tag

Before I found JQuery or JQuery found me and we fell into eternal blissful love, I wrote an autosuggest dropdown function which I have been using for years. It took almost a week to write and the code stretchs as far as my house to Minnesota. Recently I became stuck in the habit of simplifying my old pure JavaScript function to JQuery and this function caught me today. After around 20 lines of JavaScript and a couple of hours of testing and tweaking, this started to work better than my original function.

This is a very simple and lightweight autosuggest dropdown input combo function. All you have to do is wrap the custom tag around your html input tag and point to a data feed. Data feed is a delimited (the default delimiter is pipe |) word list, not a JSON array, so that won’t give you even the slightest bit of trouble when working with older CF servers. This tag doesn’t have “key stoke delay” or the ability to select items using the “key down”. That’s a small sacrifice I made to keep it as simple as it is. You can pass a number to [Wait] attribute, that will cause the drop down to wait until the user finish typing given amount of characters. Click here for an example.

Call :

   1: <cf_asug url="demo.cfc?method=state">

   2: <input type="text" name="myinput" />

   3: </cf_asug>

Show/Hide Line Numbers . Full Screen . Plain