JSFiddle - React, Tailwind, and code Playground
by Ryan Brackett
HTML
<table>
<tr><td>Old:<select class="form" id="specialtyID" name="specialtyID">
<option selected="Selected" value="">Search By Specialty</option>
<optgroup label="A">
<option value="2">ALLERGY</option>
<option value="4">ANESTHESIOLOGY</option>
</optgroup>
<optgroup label="B">
<option value="59">BARIATRIC SURGERY</option>
</optgroup>
<optgroup label="C">
<option value="5">CARDIAC ELECTROPHYSIOLOGY</option>
<option value="6">CARDIOLOGY</option>
<option value="7">CARDIOTHORACIC SURGERY</option>
<option value="2982">COLON & RECTAL SURGERY</option>
<option value="7343">CRITICAL CARE</option>
</optgroup>
<optgroup label="D">
<option value="9">DENTISTRY</option>
<option value="10">DERMATOLOGY</option>
</optgroup>
<optgroup label="E">
<option value="12">EMERGENCY MEDICINE</option>
<option value="13">ENDOCRINOLOGY</option>
</optgroup>
<optgroup label="F">
<option value="14">FAMILY PRACTICE</option>
</optgroup>
<optgroup label="G">
<option value="15">GASTROENTEROLOGY</option>
<option value="16">GENERAL MEDICINE</option>
<option value="17">GENERAL SURGERY</option>
<option value="18">GERIATRICS</option>
<option value="19">GYNECOLOGIC ONCOLOGY</option>
<option value="20">GYNECOLOGY</option>
</optgroup>
<optgroup label="I">
<option value="22">INFECTIOUS DISEASE</option>
<option value="2810">INPATIENT MEDICINE</option>
<option value="23">INTERNAL MEDICINE</option>
</optgroup>
<optgroup label="M">
<option value="24">MATERNAL-FETAL...