JSFiddle - React, Tailwind, and code Playground

HTML

<select name="drop1">
     <option value="0">0</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="23">24</option>
</select>
<select name="drop2">
     <option value="0">0</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="23">24</option>
</select>

JavaScript

var drop2 = $("select[name=drop2] option"); // the collection of initial options
$("select[name=drop1]").change(function(){
    var drop1selected = parseInt(this.value); //get drop1 's selected value
  alert(drop1selected); $("select[name=drop2]").html(drop2).find('option').filter(function(){
       return parseInt(this.value) < drop1selected;
    }).remove();
});