jQuery Searchable DropDown Plugin Demo

A jQuery plugin which extends normal dropdown (select) elements to be searchable.

Project homepage: https://sourceforge.net/projects/jsearchdropdown/

The drop down below contains more than 1000 entries. Try searching.

CURRENT SELECTED:

Test options:

Max list size

Max multi match size

Latency before search starts

Exact match

Wildcard character support (* = any char, ? = one char)

Ignore case sensitivity

Modify select object on runtime:

Append new option:

Features:

Tested in IE 7.x, IE 8.x, Firefox 3.5.x, Safari 4.x, Opera 10.x, Chrome 3.x
Searching in select boxes without losing normal select box behaviors
Support modification of select object at runtime
Use keys to navigate through the list of results
Use key ESCAPE to abort your searching
NOTE: There is no support for IE 6.x or lower IE versions

Usage:

Simple Setup

	$(document).ready(function() {
		$("select").searchable();
	});

Advanced Setup

	$(document).ready(function() {
		$("select").searchable({
			maxListSize: 100,						// if list size are less than maxListSize, show them all
			maxMultiMatch: 50,						// how many matching entries should be displayed
			exactMatch: false,						// Exact matching on search
			wildcards: true,						// Support for wildcard characters (*, ?)
			ignoreCase: true,						// Ignore case sensitivity
			latency: 200,							// how many millis to wait until starting search
			warnMultiMatch: 'top {0} matches ...',	// string to append to a list of entries cut short by maxMultiMatch 
			warnNoMatch: 'no matches ...',			// string to show in the list when no entries match
			zIndex: 'auto'							// zIndex for elements generated by this plugin
	   	});
	});