Menù

Top 5

Select concatenate

Popolo una seconda select in base alla scelta della prima.

<script type="text/javascript">    
    var colori = ["giallo","rosso","blu","verde"];
    var nomi = ["giacomo","roberta","barbara","veronica"];
    var animali = ["gallo","rana","boa","volpe"];
    var desc = [];
    
    function popolaSelect(select,opt) {        
        // scelgo l'array
        switch (opt) {
            case '1': desc = colori; break;
            case '2': desc = nomi; break;
            case '3': desc = animali; break;
            default: desc = []; break;            
        }
        // azzero le option            
        select.options.length = 1;
            // creo le option in base agli elementi degli array       
            for(var i = 0; i < desc.length; i++) {                              
                // creo la option
                select.options[select.options.length] = new Option(desc[i],i);        
            }    
    }
</script>

<form action="" method="post">
    <select name="categoria" onchange="popolaSelect(document.getElementById('descrizione'),this.value)">
        <option value="0"></option>
        <option value="1">Colori</option>
        <option value="2">Nomi</option>
        <option value="3">Animali</option>
    </select>
    <select name="descrizione" id="descrizione"></select>
</form>

criric

Mi sono appassionato di programmazione web a 34 anni, un pò tardi, da allora però non perdo mai occasione per imparare qualcosa di nuovo in questi campi.

Javascript - Html - Css - Php - Mysql

Inserisci un commento

Codice antispam

Categorie

Comunicazioni

Puoi utilizzare questo modulo per qualsiati tipo di segnalazione.

Codice antispam

 

I dati di questo modulo non verranno pubblicati.