Filter in combos with JQuery

0

I'm using the code below to filter values between two combos. The value of the first does not appear in the second:

 $("#treinamento").on('change', function() {
      $("#validade_treinamento").prop('required',true)
      $("#treinamento_2").removeAttr('disabled');
        $('#treinamento_2 option')
         .hide() // esconde
         .filter('[value!="'+$(this).val()+'"]') // filtro das opções diferentes (!)
         .show(); // exibe
 });

But what happens now is this: There are two more combos, but five. And the values can not appear in the combos below. In the example below, in combo 2 the value of combo 1 does not appear for selection, but in combo 3 it appears:

Using this logic of the code I already have, is there any way to control the 5 combos so that the values already selected in them do not appear?

    
asked by anonymous 02.05.2018 / 13:43

1 answer

0

To register, I resolved this by placing this event in each field:

 $("#treinamento").on('change', function() {
      $("#validade_treinamento").prop('required',true)
      $("#treinamento_2").removeAttr('disabled');
        $('#treinamento_2 option')
         .hide() // esconde
         .filter('[value!="'+$(this).val()+'"]') // filtro das opções diferentes (!)
         .filter('[value!="'+$("#treinamento").val()+'"]') // filtro das opções diferentes (!)
         .filter('[value!="'+$("#treinamento_3").val()+'"]') // filtro das opções diferentes (!)
         .filter('[value!="'+$("#treinamento_4").val()+'"]') // filtro das opções diferentes (!)
         .filter('[value!="'+$("#treinamento_5").val()+'"]') // filtro das opções diferentes (!)
         .show(); // exibe
 });
    
02.05.2018 / 14:15