Flexselect

Flexselect is a jQuery plugin that turns regular select boxes into Quicksilver-like, flex-matching, incremental-finding controls.

Flex matching a few keystrokes against longer strings is a boon in productivity for typists. Applications like Quicksilver, LaunchBar, and Launchy have made this method of keyboard entry a popular one. It's time to bring this same functionality to web controls. FlexSelect does that for select boxes.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: rmm5t.github.io

1. INCLUDE JS FILES

<script src="jquery.min.js" type="text/javascript"></script>
<script src="liquidmetal.js" type="text/javascript"></script>
<script src="jquery.flexselect.js" type="text/javascript"></script>

2. HTML

<select class="flexselect" id="president name="president">
  <option value="1">George Washington</option>
  <option value="2">John Adams</option>
  <option value="3">Thomas Jefferson</option>
  ...
</select>

3. JAVASCRIPT

jQuery(document).ready(function() {
    jQuery("select.flexselect).flexselect();
});

4. OPTIONS

jQuery(document).ready(function() {
	jQuery("select.flexselect).flexselect({
		allowMismatch: false,
		allowMismatchBlank: true, // If "true" a user can backspace such that the value is nothing (even if no blank value was provided in the original criteria)
		sortBy: 'score', // 'score' || 'name'
		preSelection: true,
		hideDropdownOnEmptyInput: false,
		selectedClass: "flexselect_selected",
		dropdownClass: "flexselect_dropdown",
		inputIdTransform:    function(id)   { return id + "_flexselect"; },
		inputNameTransform:  function(name) { return; },
		dropdownIdTransform: function(id)   { return id + "_flexselect_dropdown"; }
	});
});