JSFiddle - React, Tailwind, and code Playground

by Sambora

HTML

<select id="Field16" style="margin-left: 0px;" name="" class="field select">
                            <option value="">None</option>
                            <option value="">Daily</option>
                            <option value="">Weekly</option>
                            <option value="">Monthly</option>
                            <option value="">Yearly</option>
                        </select>
<div id="none">I am None</div>
<div id="daily">I am Daily</div>
<div id="monthly">I am Monthly</div>
<div id="weekly">I am Weekly</div>
<div id="yearly">I am Yearly</div>

JavaScript

jQuery(document).ready(function($){
    hide_all();
    function hide_all(){
    $("#Field16 option").each(function(){
        var ids=$(this).text().toLowerCase();
        $('#'+ids).hide();
    });
    }
    $("#Field16").change(function(){
        hide_all();
        var val=$('option:selected',this).text().toLowerCase();
        $('#'+val).show();
    });

});