This is for a web based app. I currently have html select (drop-down list) where the user selects a widget. The list is currently sorted by a readable name for the widget, but I also want to allow for the user to enter a widget number. Not all users will know the widget number, but for those that do, I'd like to speed up the process.
To accommodate these 'savvy' users I currently have a separate input textbox that they can skip the drop-down and just enter the number. This works, but it feels sorta 'off', plus it is also adding something to the screen that could confuse first time users. Its not ideal and I'd like to change it.
I'm looking for a solution that would allow a user to click on an element, see the list, but also type the widget number to bypass possibly large amounts of scrolling.
This will be brought to life via - HTML, CSS, jQuery, and PHP. A jQuery plugin would work, I've considered the built in jqueryUI autocomplete combobox(http://jqueryui.com/autocomplete/#combobox), but I wanted to see if there were other solutions.