JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>            
            <label for="template.test.select">Select: </label>
        </td>
        <td>
            <select id="template.test.select" name="select">
                <option value="ALL" selected="selected">All</option>
                <option value="CALLS">Calls</option>
                <option value="SMS">Text</option>
            </select>
        </td>
    </tr>
</table>

JavaScript

var inputId = "#template\\.test\\.select";
$(inputId).val("SMS");
$(inputId).hide();
$(inputId).show();