filter a select

by larsolesimonsen

HTML

<select id="select" size="5">
<option value="1">Her</option>
<option value="2">er</option>
<option value="3">en</option>
<option value="4">række</option>
<option value="5">muligheder</option>
<option value="6">som</option>
<option value="7">man</option>
<option value="8">kan</option>
<option value="9">filtrere</option>
</select>

<input id="filterText" type="text"/>

JavaScript

var $allOptions = $('#select option');

$('#filterText').keyup(function(event) {
    var filter = $('#filterText').val();
if(filter == '') {
    $('#select option').remove();
    $('#select').append($allOptions);
    return;
} else {
    $('#select option').remove();
    $('#select').append($allOptions.filter(':contains(' + filter + ')'));
}

});