Help with some prototype filtering with selects / dropdown fields

Design help Custom code
12

Crazy, I tried something else (reminds me of my old IT lessons in school) …

<script>
$("#select1, #select2, #select3").change(function () {

var selected_option = $('#select1').val();
var selected_option2 = $('#select2').val();
var selected_option3 = $('#select3').val();

var elems = selected_option+selected_option2+selected_option3;
var arr = jQuery.makeArray( elems );
var none = document.getElementsByClassName('mix');

$(none).css('display', 'none');   
console.log( arr );
if ( arr == '') {
	$('#c00').css('display', 'block');
}
$('#'+arr).css('display', 'block');     


});

$("#reset").click(function(){
	$('select').prop('selectedIndex', 0);
  var none = document.getElementsByClassName('mix');
  $(none).css('display', 'none');
  $('#c00').css('display', 'block');
}); 

</script>

This works perfectly. It does not rely on the mixitup script anymore.

1 Like