Usar jQuery para "buscar en vivo" (filtrar) elementos en un HTML seleccionar

Question

¿Cómo uso jQuery para "búsqueda en vivo" o elementos de filtro en una lista desplegable de selección de HTML?

Tengo una entrada de texto simple y seleccione (múltiple).

Quiero filtrar los elementos de que seleccionar de acuerdo a la entrada ..

Answer 1

sólo las partes pertinentes de mi intento (visibles en http://jsfiddle.net/VeLKW/2/):

<script type="text/javascript"> 
$(function() { 
    var opts = $('#optlist option').map(function(){ 
    return [[this.value, $(this).text()]]; 
    }); 

    $('#someinput').keyup(function(){ 
    var rxp = new RegExp($('#someinput').val(), 'i'); 
    var optlist = $('#optlist').empty(); 
    opts.each(function(){ 
     if (rxp.test(this[1])) { 
     optlist.append($('<option/>').attr('value', this[0]).text(this[1])); 
     } 
    }); 
    }); 
}); 
</script> 

<input id="someinput"><br><select id="optlist" multiple="multiple"> 
<option value="1">foo</option> 
<option value="2">bar</option> 
<option value="3">foobar</option> 
<option value="4">foobarbaz</option> 
</select>