JSFiddle - React, Tailwind, and code Playground
by Brian Houlihan
HTML
<div data-widget-position="2737@body@1466" data-widget-path="custom/input/DynamicSelectionInput" data-widget-identifier="DynamicSelectionInput" id="rn_DynamicSelectionInput_42" class="rn_DynamicSelectionInput rn_SelectionInput rn_Input">
<div id="rn_DynamicSelectionInput_42_LabelContainer">
<label for="rn_DynamicSelectionInput_42_Incident.CustomFields.c.incident_type" id="rn_DynamicSelectionInput_42_Label" class="rn_Label">Type
<span class="rn_Required" aria-label="Required">
*</span>
</label>
</div>
<select id="rn_DynamicSelectionInput_42_Incident.CustomFields.c.incident_type" name="Incident.CustomFields.c.incident_type">
<option value="00">asdf</option>
<option value="31">Technical Support</option>
<option value="25">Account Management Inquiry</option>
<option value="26">Billing Question</option>
<option value="30">Change Request Form</option>
<option value="27">Labels/Supplies Order</option>
<option value="29">Product Inquiry</option>
<option value="28">Sales/Quote Request</option>
<option value="32">Other</option>
</select>
<select name="contribution_status_id" id="contribution_status_id" >
<option value="1">Completed</option>
<option value="2">Pending</option>
<option value="3">Cancelled</option>
<option value="4">Failed</option>
<option value="5">In Progress</option>
<option value="6">Overdue</option>
<option value="7">Refunded</option>
</select>
</div>
JavaScript
$(document).ready(function() {
//alert('Ready being called');
//$('#rn_DynamicSelectionInput_42_Incident.CustomFields.c.incident_type option[value=31]').attr('selected','selected');
//$('#rn_DynamicSelectionInput_42_Incident\\.CustomFields\\.c\\.incident_type').val("30");
$('select[name=Incident\\.CustomFields\\.c\\.incident_type]').val("26");
$('#contribution_status_id').val("5");
});