Wednesday, December 1, 2010

Allow the user to enter new values in to the Dropdown controls like Combobox in web-HTML pages

Until this time, it was not easy enough to make a Dropdown accept new values too, from the user. It will always work based on the predefined list items only.

There is tiny add-on, built on JavaScript, that seems to solve this in a fairly easy way. With just few lines of JavaScript code, the plug-in was able to make the already existing Dropdown (input type set as Select) to look and work like a Combobox. There was no changes needed in the server code that processes the input from the user.

When compared to the jQuery AutoComplete control, this has minor disadvantages. I works only on dropdown controls, while jQuery control works based on multiple sources. But compared to AutoComplete control, this control makes the changes in the server control itself in such a way that there is absolute zero changes necessary in the server side and the changes will be up and running in few minutes.CSS attributes are also exposed so that the control UI can be changed as desired.

jQuery AutoComplete Control:
http://jqueryui.com/demos/autocomplete/

ComboDropdown Control:
http://combodropdown.info/samples.html

No comments:

Post a Comment