JSFiddle - React, Tailwind, and code Playground

HTML

<select class="" id="applicationForm_package">
    <option value="" selected disabled>Please select a package</option>
    <option value="5">Package 1</option>
    <option value="60">Package 2</option>
    <option value="58">Package 3</option>
    <option value="55">Package 4</option>
</select>

<select id="applicationForm_subscription">
    <option value="no_package_selected" selected disabled>Please select a package First</option>
</select>

JavaScript

var packages = {
    5: "<option value='20'>1 Month</option><option value='110'>6 Months</option><option value='200'>12 Months</option>",
    60: "<option value='25'>1 Month</option><option value='140'>12 Months</option><option value='250'>24 Months</option>",
    58: "<option value='26'>1 Month</option><option value='146'>2 Months</option><option value='270'>4 Months</option>",
    55: "<option value='37'>1 Month</option><option value='212'>4 Months</option><option value='400'>8 Months</option>"
};

$('#applicationForm_package').change(function () {
    // see if there is listing for this package ID
    if (packages.hasOwnProperty($(this).val()))
    {
        // List options
        $('#applicationForm_subscription').html(packages[$(this).val()]);
    }
    else
    {
        // Please select a package First
        $('#applicationForm_subscription').html('Please select a package First');
    }
});