JSFiddle - React, Tailwind, and code Playground

by happysmiles

HTML

<select class="seletmenu" onChange="changeDiv(this.value)">
    <option value="1">Select 1</option>
    <option value="2">Select 2</option>
    <option value="3">Select 3</option>
    <option value="4">Select 4</option>
</select>
<div id="div_1">
    <div>Testing select 1</div>
</div>
<div id="div_2">
    <div>Testing select 2</div>
</div>
<div id="div_3">
    <div>Testing select 3</div>
</div>
<div id="div_4">
    <div>Testing select 4</div>
</div>

JavaScript

function changeDiv(val) {
    var id = val;
    hideDivs();

    if (id == '1') {
        $('#div_1').css('display', 'table-row');
    }
    if (id == '2') {
        $('#div_2').css('display', 'table-row');
    }
    if (id == '3') {
        $('#div_3').css('display', 'table-row');
    }
    if (id == '4') {
        $('#div_4').css('display', 'table-row');
    }
}

function hideDivs() {
    $('#div_1').hide();
        $('#div_2').hide();
        $('#div_3').hide();
    $('#div_4').hide();
}