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

Question

something
something else



        

Answer 1

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

$(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);
    })
  })
})

   something1
   something1
   something2
   something2
   something2
   something3
   something3
   something3