JSFiddle - React, Tailwind, and code Playground

HTML

<div id="msgBox4"></div>

JavaScript

$('#msgBox4').html($('#msgBox4').html() + '<div class="table-row"><div class="table-col-l">Type:</div><div class="table-col-r"><select id="type2" required="required"><option selected value="" disabled> -- select an option -- </option><option>Holiday</option><option>Sick</option><option>Working Off Site</option></select></div></div>')
//$("#type2 > option:contains('" + calEvent.description + "')").attr("selected", "selected");
Reason = $("#type2 option:selected").text();

$("#msgBox4").on("change", "#type2", function() {
    alert($(this).val());
});