JSFiddle - React, Tailwind, and code Playground

by danescucatalinconstantin

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/core.js"></script>
<select class="selectClass" id="min">
 <option value="">minimum</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>
<select class="selectClass" id="max">
<option value="">maximum</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
</select>

JavaScript

$("#min").change(function() {
  var minVal = $(this).val();
   $('#max>option').each(function(index){
      if($('#max>option[value='+index+']').val() < minVal){
      	$('#max>option[value='+index+']').hide();
      }else{
      	$('#max>option[value='+index+']').show();
      }
   });
});