Select con option hidden

[stefano_261283]

In un form ho messo un select generato con bootstrap-select (DOCUMENTAZIONE: https://silviomoreto.github.io/boots...lect/examples/ ).

Il codice che usato nel form diciamo che è questo:

<select id="primo_select" class="selectpicker">
    <option>cani</option>
    <option>gattti</option>
</select>

<select id="secondo_select" class="selectpicker">
    <option class="cani">Dalmata</option>
    <option class="cani">Spinone</option>
    <option class="cani">Bracco</option>
    
    <option class="gatti">Siamese</option>
    <option class="gatti">Persiano</option>
    <option class="gatti">Abissino</option>
</select>

Quello che vorrei ottenere è quando nel primo_select l'opzione selezionata è "cani" vorrei rendere visibili nel secondo select esclusivamente le razze dei cani mentre se nel primo_select l'opzione selezionata è "gatti" vorrei rendere visibili nel secondo select esclusivamente le razze dei gatti.

[ciro78]

Ciao devi usare l'evento change della select. Puoi farlo o in js puro oppure usando jQuery

nel primo caso fai ricerca per

addEventListener

nel secondo

per la funzione on