JSFiddle - React, Tailwind, and code Playground

by gmcalab

HTML

<select id="top">
    <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>
</select>

<select id="bottom">
    <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>
</select>

JavaScript

$(document).ready(function(){
   buildBottomOptions(); 
});

$('#top').change(function() {
    buildBottomOptions();
});


function buildBottomOptions() {
    var value = $('#top').val();
    var options = '';

    for (i = 1; i <= value; i++)
    options += '<option value="' + i + '">' + i + '</option>';


    $('#bottom').find('option').remove().end().append(options);
}