Far comparire e scomparire un div con un select

Jacob88

Nuovo Utente
22 Mag 2020
1
0
1
Salve ragazzi, questa è la mia prima discussione. Premetto che ho cercato in lungo e in largo sia in questo forum che altrove la soluzione al mio problema ma senza trovarla. Sto imparando un pochetto Javascript, un po' per diletto, un po' perché vorrei costruire una sorta di calcolatore. La mia formazione è prettamente giuridica, di informatica non ne so tantissimo e le mie conoscenze si fermano ad HTML e CSS, siate quindi clementi con me... Tuttavia, il calcolatore che ho fatto funziona alla grande, ma avrei bisogno di aggiungerci qualche altra funzione e capire bene come effettuare qualche "effetto" a scomparsa.
Spiego più nel dettaglio cosa mi servirebbe capire: vorrei far comparire (e scomparire) un div con un select. Qualche esempio l'ho trovato nel web (e anche in questo sito), ma tutti gli esempi non hanno la caratteristica che cerco.

Ipotizziamo che io abbia tale codice nell'html:

HTML:
<select id="SELEZIONI">

          <option id="PP">Pippo</option>

          <option id=CI">Caio</option>

          <option id="SE">Sempronio</option>

        </select>



        <div id="PippoCheck" style="display:none;">

                PIPPO </div>

        <div id="CaioCheck" style="display:none;">

                CAIO </div>

        <div id="SempronioCheck" style="display:none;">

                SEMPRONIO </div>

Ecco, vorrei (possibilmente con un if, perché so che si può fare con la condizione e perché mi aiuterebbe anche a ragionarci, dato che sto cercando di capirne il funzionamento) che, quando carico la pagina, "PIPPO" fosse già visualizzato, con il select alla selezione di Pippo; cliccando sull'opzione Caio comparisse CAIO e scompaia PIPPO; cliccando l'opzione Sempronio comparisse SEMPRONIO e scompaia CAIO.

Qualcuno potrebbe suggerirmi la funzione JS? Gliene sarei davvero grato.

P.S. (ho preimpostato display:none nelle div, ipotizzando che serva qualche sorta di function con if che imposti display: block per ogni opzione, ma non so ancora bene come costruire queste cose che per me, sono ancora abbastanza complesse).
 
Ultima modifica di un moderatore:

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.404
339
83
@Jacob88

Da regolamento del forum, come tutti noi sei tenuto ad usare il tag
PHP (2).png
quando posti del codice php, oppure la funzione codice dalla barra degli strument
box inserisci.png

Inoltre IMPORTANTE: Prima di creare una nuova discussione o di rispondere alle discussioni esistenti ricordati di leggere attentamente il Regolamento del Forum e l'eventuale regolamento specifico della sezione!

Grazie

Correggi i tuoi post
mi raccomando altrimenti sarò costretto a cancellare le discussioni
 
Ultima modifica:
Discussioni simili
Autore Titolo Forum Risposte Data
C Far comparire o scomparire dei div al clik del mouse Javascript 10
otto9due Al Click su optgroup di un select, far comparire le option annidate jQuery 2
G Ciclo if php per far comparire un pulsante solo nel caso in cui una variabile sia 0 PHP 2
D cliccare sul tasto per far comparire una scritta tipo PHP 0
I come fare a far comparire il mio sito nelle ricerche?? SEO e Posizionamento 3
G far comparire un div Javascript 2
F E' possibile far comparire una scritta in un div al cambio di un valore di un form text??? Javascript 2
D Far comparire div al click Javascript 0
U Far comparire ultimi topic nella homepage PHP 0
R Piacere di far parte di questa community Presentati al Forum 0
D Devo far funzionare un form di contatti PHP 4
J Far partire Angular Javascript 2
MarcoGrazia Se non sai se riceverai da GET o da POST, puoi verificarlo e far scegliere allo script. Snippet PHP 0
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
Shyson Far apparire le l'icona Back To Top in fondo jQuery 8
D [Java] far partire JProgressBar all'apertura di un JFrame Java 1
Monital [PHP]Far riconoscere stringa o numerico epr creazione campo tabella PHP 6
Q Problema su come far aggiornare i campi su un database Mysql PHP 17
W [PHP] Come far funzionare un form di selezione PHP 12
M Riadattamento funzioni per far scomparire un menu. jQuery 4
momeraths [HTML] Come non far scaricare video HTML e CSS 1
trattorino [Javascript] FAR sparire campo dopo top caratteri Javascript 2
T [Javascript] Far partire script al raggiungimento del div/section Javascript 0
M [PHP] Far rimanere biffata checkbox dopo aggiornamento pagina PHP 24
M [Javascript] far scomparire il menu al click Javascript 0
Bryan [PHP] Far mostrare tutte le tabelle contenenti in un database PHP 2
maurogiarrizzo È un piacere far parte di questo sito Presentati al Forum 1
C [PHP] DEVO FAR SPUNTARE SOLO LE CONSONANTI DI UNA STRINGA PHP 1
R Come faccio a far tradurre un mio video su Youtube? Social Media Marketing 2
SimooRu [PHP] Non riesco a far passare i dati con i form PHP 4
D script per far funzionare l'animazione Javascript 4
D script per far funzionare l'animazione Presentati al Forum 1
M Creazione codice html per far prelevare un banner HTML e CSS 3
M Far partire una funzione/codice php con javascript Javascript 1
S Far partire in automatico una slide all'apertura della pagina Javascript 0
U Far partire una funzione JavaScript premendo bottone in html Javascript 7
Mr. Alex D. Come far apparire un testo preimpostato in una casella di un form di uno script php? PHP 1
S Se voglio far scorrere le immagini dello sfondo di una pagina (oviamente html) come faccio? HTML e CSS 1
S Come faccio a far scorrere delle immagini come sfondo di una pagina? Discussioni Varie 1
I Far conoscere un sito SEO e Posizionamento 4
Shyson Far apparire o scomparire div jQuery 1
P far apparire immagine sotto testo con rollover Javascript 2
D Come far ripartire una gif quando si rivisita la pagina dello slideshow WordPress 1
K Far scorrere il menu dal fondo al top della pagina HTML e CSS 6
P Codice per far aprire un <div> al click di un immagine? HTML e CSS 0
piccino Far pubblicare un solo articolo WordPress 0
C Far apparire segno + PHP 1
G Come far passare un valore attraverso il metodo POST utiliazzando PHP a jQuery PHP 4
S Far scrivere un testo ad un utente registrato..... PHP 3
L Come far commentare/scrivere agli altri utenti?? Windows e Software 10

Discussioni simili