jQuery öğesini bir HTML'deki "canlı arama" (filtre) öğelerine kullanarak seçin

Question

jQuery'yi "canlı arama" ya da HTML seçmeli açılır listesindeki öğeleri filtrelemek için nasıl kullanabilirim?

Basit bir metin girdim var ve seç (çoklu).

Ben girişine göre seçmeniz öğeleri filtrelemek istiyorsanız ..

Answer 1

Sadece (http://jsfiddle.net/VeLKW/2/ görünür) benim girişimi ilgili kısımları:

<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>