JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <select style="color:#008000;">
    <option value="0" style="color:#0000FF;">Low</option>
    <option value="1" selected="selected" style="color:#008000;">Normal</option>
    <option value="2" style="color:#B22222;">Critical</option>
</select>
<button type="reset">Restore choice</button>
    <button type="button" onclick="$('form').get(0).reset()">Restore with jQuery</button>
</form>


<select id="txtPriority" style="color:#008000;">
    <option value="0" style="color:#0000FF;">Low</option>
    <option value="3" style="color:#008000;">quite low</option>
    <option value="1" selected="selected" style="color:#008000;">Normal</option>
    <option value="2" style="color:#B22222;">Critical</option>
</select>

    <button type="button" onclick="$('#txtPriority').val($('#txtPriority option[selected]').val())">Restore with jQuery (and no form)</button>