How to dynamic filter options of <select > with jQuery?

Question

<select >
<option value="something">something</option>
<option value="something">something</option>
</select>
<input type="text" >

So that when user inputs something,only options with value matching it will show.

Answer 1

I'm not sure why you have more than one option with the same value, but this works

<select>
 <option value="something1">something1</option>
 <option value="something1">something1</option>
 <option value="something2">something2</option>
 <option value="something2">something2</option>
 <option value="something2">something2</option>
 <option value="something3">something3</option>
 <option value="something3">something3</option>
 <option value="something3">something3</option>
</select>
<input type="text" >

<script type="text/javascript">
$(document).ready(function(){
 $('input').change(function(){
  var filter = $(this).val();
  $('option').each(function(){
   if ($(this).val() == filter) {
    $(this).show();
   } else {
    $(this).hide();
   }
  $('select').val(filter);
  })
 })
})
</script>