Option (en) auswählen - zum Ändern - beim Eingeben von Daten in ein externes Eingabefeld?

Question

ich diesen reinen HTML-Code haben ..

<select id="itemlist"> 
<option value = "1">Domes</option> 
<option value = "2">Lots</option> 
<option value = "3">Dot games</option> 
<option value = "4">Bikes</option> 
and so on... 
</select> 
<input id="itemlist_change" type="text" size="5"/> 

Bei "d" (oder "do") in ein Eingabefeld id="itemlist_change" ich für jquery wünschte nur, diese Eingabe zu zeigen ..

<select id="itemlist"> 
<option value = "1">Domes</option> 
<option value = "3">Dot games</option> 
</select> 

Es ist eine Art nützliche select Suchfunktion. Irgendein einfaches jquery Zeug dafür? Danke.

Answer 1

$('#itemlist_change').on('keyup blur', function() { 
 

 
    var search = $(this).val().toLowerCase(); 
 

 
    $('#itemlist option') 
 
    .show() 
 
    .filter(function() { 
 
     return $(this).text().toLowerCase().indexOf(search) < 0; 
 
    }) 
 
    .hide(); 
 

 
});

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> 
 
<select id="itemlist"> 
 
    <option value="1">Domes</option> 
 
    <option value="2">Lots</option> 
 
    <option value="3">Dot games</option> 
 
    <option value="4">Bikes</option> 
 
</select> 
 
<input id="itemlist_change" type="text" size="5" />

Answer 2

sollten Sie jQuery Select2 Plugin

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#myDropdown").select2(); 
    }); 
</script> 

<select id="myDropdown"> 
    <option value="AL">Alabama</option> 
    ... 
    <option value="WY">Wyoming</option> 
</select> 

(Source)