JSFiddle - React, Tailwind, and code Playground
by MGames
HTML
<div id="hideState" class="ch4_formRow single" style="display: block;">
<label class="ch4_formLabel ch4-font-bold">
State <span class="ch4_orange">*</span>
<div class="ch4_formField fullWidth ch4_hideValid">
<div class="style-select-wrapper invalid">
<select id="singleState" name="singleState" onchange="$('#stateField').val(this.value);" required="required" data-error-required="This field is required." data-validate="state" class="invalid">
<option value="">-----</option>
<option value="AL">
Alabama</option>
<option value="AK">
Alaska</option>
<option value="AZ">
Arizona</option>
<option value="AR">
Arkansas</option>
<option value="CA">
California</option>
<option value="CO">
Colorado</option>
<option value="CT">
Connecticut</option>
<option value="DE">
Delaware</option>
<option value="DC">
District of Columbia</option>
<option value="FL">
Florida</option>
<option value="GA">
Georgia</option>
<option value="HI">
Hawaii</option>
<option value="ID">
Idaho</option>
<option value="IL">
Illinois</option>
<option value="IN">
Indiana</option>
<option value="IA">
Iowa</option>
<option value="KS">
Kansas</option>
<option value="KY">
Kentucky</option>
<option value="LA">
Louisiana</option>
<option value="ME">
Maine</option>
<option value="MD">
Maryland</option>
<option value="MA">
Massachusetts</option>
<option value="MI">
Michigan</option>
...
JavaScript
$("#singleState").val("NY");