JSFiddle - React, Tailwind, and code Playground

by Gino Rossi

HTML

<div class="select-wrap input-wrap" style="background: #ffeacd;">
<select id="selettore-box" title="" name="stampa2" size="1" onchange="updatethis(this.form);">
    <option id="1">Seleziona il tipo di Box</option>
    <option id="box2">Box chiuso</option>
    <option id="tet3">Tettoia</option>
</select>
</div>

<div class="div-selettore-box">

     DIV SELETTORE BOX
    
</div>

<div class="div-selettore-tettoia">

    DIV SELETTORE TETTOIA
    
</div>

JavaScript

$(document).ready(function() {

    $('.div-selettore-box').hide();
    $('.div-selettore-tettoia').hide();

   

    $('#selettore-box').change(function () {
        if ($('#selettore-box option:selected').attr('id') == box2){
            $('.div-selettore-box').show();
            $('.div-selettore-tettoia').hide();
            
            
        }
        
        else if ($('#selettore-box option:selected').attr('id') == tet3){
            $('.div-selettore-box').hide();
            $('.div-selettore-tettoia').show();
            
           
        }
        
        else if ($('#selettore-box option:selected').attr('id') == 1){
            $('.div-selettore-box').hide();
            $('.div-selettore-tettoia').hide();
            
           
        }
    }); 
});