We had need of a combobox at work and after looking around at the available options I was not happy with any of them. The project had all it's styling based on Twitter's Bootstrap, so building on that made sense.
The dependencies are the Bootstrap stylesheet(CSS or LESS). Include it and then the stylesheet(CSS or LESS) and javascript.
Then just activate the plugin on a normal select box(suggest having a blank option first):
<select class="combobox">
<option></option>
<option value="PA">Pennsylvania</option>
<option value="CT">Connecticut</option>
<option value="NY">New York</option>
<option value="MD">Maryland</option>
<option value="VA">Virginia</option>
</select>
<script type="text/javascript">
$(document).ready(function(){
$('.combobox').combobox();
});
</script>
When activating the plugin, you may include an object containing options for the combobox
$('.combobox').combobox({bsVersion: '2'});
menu: Custom markup for the dropdown menu list element.
item: Custom markup for the dropdown menu list items.
matcher: Custom function with one item argument that compares the item to the input. Defaults to matching on the query being a substring of the item, case insenstive
sorter: Custom function that sorts a list items for display in the dropdown
highlighter: Custom function for highlighting an item. Defaults to bolding the query within a matched item
template: Custom function that returns markup for the combobox.
bsVersion: Version of bootstrap being used. This is used by the default template function to generate markup correctly. Defaults to '3'. Set to '2' for compatibility with Bootstrap 2
Uses the latest 1.X version of jQuery and the latest 2.X or 3.X of bootstrap.
http://dl.dropbox.com/u/21368/bootstrap-combobox/index.html
http://bootstrap-combobox-test.herokuapp.com/
Licensed under the Apache License, Version 2.0