JSFiddle - React, Tailwind, and code Playground

HTML

<select id='min'>
<option value='100'>100</option>
<option value='200'>200</option>
<option value='300'>300</option>
<option value='400'>400</option>
<option value='500'>500</option>
<option value='600'>600</option>
<option value='700'>700</option>
<option value='800'>800</option>
<option value='900'>900</option> 
<option value='1000'>1000</option>
 <option value='2000'>2000</option>    
</select>
<select id='max'>
<option value='100'>100</option>
<option value='200'>200</option>
<option value='300'>300</option>
<option value='400'>400</option>
<option value='500'>500</option>
<option value='600'>600</option>
<option value='700'>700</option>
<option value='800'>800</option>
<option value='900'>900</option>
<option value='1000'>1000</option>
 <option value='2000'>2000</option>       
</select>

JavaScript

var removed;

$('#min').change( function() {
    var value = this.value;
    $('#max').prepend(removed);
    var toKeep = $('#max option').filter( function( ) {
        return parseInt(this.value, 10) >= parseInt( value, 10);
    } );
    removed =  $('#max option').filter( function( ) {
        return parseInt(this.value, 10) < parseInt( value, 10);
    } );
    $('#max').html(toKeep);
});