Problema concantenazione form

Peppe9880

Nuovo Utente
30 Mar 2020
2
0
1
Ciao a tutti,
Premetto che ho iniziato stamani mattina a studiare javascript ed ho un problema col mio form.
In pratica io ho bisogno di concatenare più select in un unico form
Vi faccio un esempio pratico:

Scegli tra: A - B - C
Se scegli A vedrai i seguenti campi: 1 - 2 - 3, Scegliendo uno di questi campi ad esempio 3 dovrà mostrare in un altro select altre opzioni.

Vi lascio il codice qua sotto:

HTML:
        <!-- PIATTAFORMA -->
        <script language="javascript">
            function selezionaOpzioni(scelta) {
                var campo_derivato = document.form.campo_derivato;
                campo_derivato.options.length = 0;

                if (scelta == "EPMP") {
                    campo_derivato.options[campo_derivato.options.length] = new Option('Capannina');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Casciana Terme');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Ceppato');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Ghizzano');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Lari');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Melorie');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Perignano');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Poggini');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Soiana');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Vicopisano');
                }
                
                if (scelta == "450") {
                    campo_derivato.options[campo_derivato.options.length] = new Option('Pomodoro');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Aglio');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Origano');
                }
                
                if (scelta == "SICE") {
                    campo_derivato.options[campo_derivato.options.length] = new Option('Pomodoro');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Funghi');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Olive');
                    campo_derivato.options[campo_derivato.options.length] = new Option('Carciofini');
                }   
            }
            
            function aggiornaOpzioni(scelta){
                var valore_selezionato = document.form.campo_principale.selectedIndex;
                var campo = document.form.campo_principale.options;
                selezionaOpzioni(campo[valore_selezionato].value);
            }
        </script>
      
        
        
        <script language="javascript">
           function selezionaOpzioniFinal(scelta) {
                var campo_derivatoEPMP = document.form.campo_derivatoEPMP;
                campo_derivatoEPMP.options.length = 0;
              
               if (scelta == "Capannina") {
                   campo_derivatoEPMP.options[campo_derivatoEPMP.options.length] = new Option('Netfos44');
                   campo_derivatoEPMP.options[campo_derivatoEPMP.options.length] = new Option('Netfos45');
               }
              
            function aggiornaOpzioniFinal(scelta) {
                var valore_selezionato = document.form.campo_derivato.selectedIndex;
                var campo = document.form.campo_derivato.options;
                selezionaOpzioniFinal(campo[valore_selezionato].value);
            }   
              
        </script>
        
        
        
        <label for="piattaforma">Piattaforma:</label><br>
        <select name="campo_principale" required onChange="aggiornaOpzioni();">
            <option value="" selected disabled hidden>Scegli</option>
            <option value="EPMP">EPMP</option>
            <option value="450">450</option>
            <option value="SICE">SICE</option>
        </select>
        <br><br>
        
        Seleziona AP:<br>
        <select name="campo_derivato" onChange="aggiornaOpzioniFinal();">
        </select><br><br>
        
        Seleziona Punto di Connessione:<br>
        <select name="campo_derivatoEPMP">
        </select>
        <br><br>
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
Quando si apre una discussione su un forum chiedendo aiuto per un proprio problema e si risolve autonomamente è sempre educazione e buona norma postare la soluzione in modo che altri utenti del forum ne possano usufruire, considerato che quando si entra in un forum si viene a far parte di una comunità!
 
Discussioni simili
Autore Titolo Forum Risposte Data
I Sto progettando nuovi siti utilizzando bootstrap e devo dire funziona bene, l'unico problema e la maschera -moz- HTML e CSS 0
K Problema form update PHP 2
O problema con dvr dahua xvr5116 IP Cam e Videosorveglianza 0
S Problema nel ciclare un json Javascript 0
G Problema con Xampp Web Server 1
andrea barletta Problema con miniature comandi Photoshop 0
I problema con alice Posta Elettronica 0
K Problema Inner join PHP 1
F firefox problema http Linux e Software 0
N Problema con position absolute e overflow HTML e CSS 4
E Problema jquery Success jQuery 2
L Problema con inner join PHP 11
K [php] Problema con inner join PHP 4
E problema selezione sfumata Photoshop 2
K [PHP] Problema con variabili concatenate. PHP 1
A Problema filtro fluidifica Photoshop Photoshop 1
H Problema Bordi Scontorno Photoshop 1
O problema con query PHP 4
R Problema installazione Realtek WiFi USB rtl8821 Reti LAN e Wireless 0
I problema con 2 account Posta Elettronica 1
L problema collegamento file css con html HTML e CSS 1
Y Problema percorso file in rete PHP 1
N Problema SEO "L'URL non si trova su Google" SEO e Posizionamento 4
E Problema accesso a file con app sviluppata con MIT APP INVENTOR 2 Sviluppo app per Android 0
P Problema acquisizione clienti Webdesign e Grafica 1
F NetBeans problema creazione progetto Java Windows e Software 0
M Problema con Try Catch PHP 0
C problema seo + cerco esperto SEO e Posizionamento 11
Sergio Unia Problema con gli eventi del mouse su una data table: Javascript 2
T PROBLEMA CON SESSIONI PHP 3
A Problema, non so, di scale() o transform, oppure altro? HTML e CSS 0
T ALTRO PROBLEMA CON ARRAY PHP PHP 1
R problema con else PHP 0
T PROBLEMA CON ARRAY PHP 8
L problema con query select PHP 2
R Problema query con ricerca id numerico PHP 2
F Problema con risposta PHP 0
S problema con recupero dati tabella mysql PHP 2
Z Problema con il mio tp-l i nk Reti LAN e Wireless 1
I PROBLEMA: Sostituzione sito XAMPP E-Commerce 0
T problema data 30/11/-1 PHP 0
L Problema RAM con Tomcat 8 Apache 0
napuleone problema con sort e asort PHP 4
Y Problema incolonnamento tabella PHP 7
S problema salvataggio immagini Photoshop 0
Z Problema con INT MySQL PHP 1
Z Problema database MySQL con XAMPP PHP 0
M Problema con controllo form in real time jQuery 6
D problema php mysql PHP 1
D problema php mysql PHP 1

Discussioni simili