Filter through a select's options with an input (case insensitive)

filter_ci.js

$.extend($.expr[":"], {
	"containsNC": function(elem, i, match, array) {
		return (elem.textContent || elem.innerText || "").toLowerCase
().indexOf((match[3] || "").toLowerCase()) >= 0;
	}
});

$(function() {
	$('[filterselect]').each(function() {
		$(this).change(function() {
			if ($(this).val()) {
				$('select[name="'+$(this).attr('filterselect')+'"] option').css('display', 'none');
				$('select[name="'+$(this).attr('filterselect')+'"] option:containsNC("'+$(this).val()+'")').css('display', 'block');
			} else {
				$('select[name="'+$(this).attr('filterselect')+'"] option').css('display', 'block');

			}
		});
	});
});

// <input type="text" filterselect="select_name" />
// <select name="select_name"><option>Foo</option><option>Bar</option><option>Baz</option></select>