JSFiddle - React, Tailwind, and code Playground

HTML

<p>Today's Date: <?php echo $date; ?></p>
<p>Are you applying for a day, evening, or weekend class?</p>

<select name="date" id="wclass">
<option value="day">day</option>
<option value="evening">Evening</option>
<option value="weekend">Weekend</option>
</select>

<div id="dates"></div>

JavaScript

$(document).ready(function(){
    $("#wclass").change(function ()
    {
        if( $("#wclass").val() == 'day' )
        {
            $('#dates').html('<select name="date"> '+
            '<option value="date1">$start1</option>'+
            '<option value="date2">$start2</option>'+
            '<option value="date3">$start3</option>'+
            '<option value="date4">$start4</option>'+
            '<option value="date5">$start5</option>'+
            '<option value="date6">$start6</option>'+
            '<option value="date7">$start7</option>'+
            '</select>');
        } 
     }).change(); 
});