JSFiddle - React, Tailwind, and code Playground

by lakshmipriya001

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<select class="selectClass" id="min">
 <option value="">minimum</option>
                            <option value="0">0</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>
                            <option value="7">7</option>
                            <option value="8">8</option>
                            <option value="9">9</option>
                            <option value="10">10</option>
                            <option value="11">11</option>
                            <option value="12">12</option>
                            <option value="13">13</option>
                            <option value="14">14</option>
                            <option value="15">15</option>
                            <option value="16">16</option>
                            <option value="17">17</option>
                            <option value="18">18</option>
                            <option value="19">19</option>
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                            <option value="23">23</option>
                            <option value="24">24</option>
                            <option value="25">25</option>
</select>
<select class="selectClass" id="max">
 <option value="">Max Exp</option>
                            <option value="0">0</option>
                            <option value="1">1</option>
                    ...

JavaScript

$('#min').on('change', function (event) {
        var minVal = $('#min').val();

        $('#max option').each(function () {
            if($(this).val() <= minVal)
            {
                $(this).prop('disabled', true);
            }else{
                $(this).prop('disabled', false);
            }
        });
    });

    $('#max').on('change', function (event) {
        var maxVal = $('#max').val();
        $('#min option').each(function () {
            if($(this).val() >= maxVal)
            {
                $(this).prop('disabled', true);
            }else{
                $(this).prop('disabled', false);
            }
        });
    });