JSFiddle - React, Tailwind, and code Playground

by Matt Hopkins

HTML

<div class="col-md-6">
    <div id="addressTypeWrapper" class="form-group">
        <label for="addressListArray[0].addressTypeString">Type</label>
        <select name="addressListArray[0].addressTypeString" id="addressListArray[0].addressTypeString" class="form-control" required>
            <option value="Home" selected="selected">Home</option>
            <option value="Office">Office</option>
            <option value="Contact">Contact</option>
            <option value="Other">Other</option>
            <option value="Billing">Billing</option>
            <option value="Purchaser">Purchaser</option>
            <option value="Foreign">Foreign</option>
            <option value="Agency">Agency</option>
            <option value="Summer">Summer</option>
            <option value="School">School</option>
            <option value="Campus">Campus</option>
            <option value="Temporary">Temporary</option>
            <option value="Shipping">Shipping</option>
            <option value="Local">Local</option>
            <option value="Permanent">Permanent</option>
        </select>
    </div>
</div>

JavaScript

!function(){var e=document.getElementsByTagName("option");e[0].selected=!1,e[1].selected=!0}();