Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 11

Discussione: form con div nascosti

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    22

    form con div nascosti

    salve ragazzi dovrei creare un form che cliccando una selezione di numeri apparisse i relativi div nascosti .
    esempio a secondo della selzione si deve aprire 1, 2, 3, 4, div nascosti.

    ho trovato questo esempio e sarebbe perfetto ma non so come far apparire il select quando si apre il div nascosto


    <script type="text/javascript">
    function visualizza(numero) {
    stringa = "";
    for (i=1;i<=numero;i++) {
    if (i==1) {
    stringa += "<input type='text' name='inp_"+i+"'/>";
    } else {
    stringa += "<input type='text' name='inp_"+i+"'/>";
    }
    }
    document.getElementById('div_1').innerHTML = stringa;
    }
    </script>

    <form>
    <div>
    <select onchange="visualizza(this.value)">
    <option value="0">Scegli quanti campi visualizzare</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>

    </select>
    </div>
    <div id="div_1">

    </div>
    </form>

    nei div che appare dovrebbe apparire questa selezione



    <span style="color: #0000ff; margin-left: -5px;">Childrens</span></p>
    <select id="adu-bam1" name="bambini">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    </select>

    in pratica se seleziono 1 nel primo input se deve aprire il primo div , con selezione 2 si deve aprire un secondo div sempre e cosi via.
    devo creare questo x far selezionare nella casella quanti bambini e relatve eta.
    ringrazio in anticipo se mi date una dritta di js sono alle primissime armi grazie

  2. #2
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783

    Re: form con div nascosti

    Originariamente inviato da ziopluto
    nei div che appare dovrebbe apparire questa selezione
    ma tu ce l'hai messa dentro?

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    22
    ciao
    cosa intendi x messo dentro?

    mi fai un esempio grazie

  4. #4
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    la select
    <select id="adu-bam1" name="bambini"> dove sta?
    l'hai messa dentro a <div id="div_1"> o no?

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    22
    scusami ma non ne vengo fuori questo e qquello che ho inserito

    <script type="text/javascript">
    function visualizza(numero) {
    stringa = "";
    for (i=1;i<=numero;i++) {
    if (i==1) {
    stringa += "<input type='text' name='inp_"+i+"'/>";
    } else {
    stringa += "<input type='text' name='inp_"+i+"'/>";
    }
    }
    document.getElementById('div_1').innerHTML = stringa;
    }
    </script>

    <form>
    <div>
    <select onchange="visualizza(this.value)">
    <option value="0">Scegli quanti campi visualizzare</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>

    </select>
    </div>
    <div id="div_1">

    </div>
    </form>

  6. #6
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    scusami tu: ho letto di fretta e ho dato per scontato una cosa che invece non avevi fatto

    tu hai parlato di div nascosti e invece lo script tratta tutt'altro

    chiariscimi una cosa.
    lo script in questione crea nuovi input in div_1
    tu vuoi creare nuove select e vuoi solo mostrarle se nascoste?


    edit: ricorda che sei tenuto, come tutti, ad utilizzare il tag [CODE][/CODE] per postare codice sul forum, grazie

  7. #7
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    22
    si
    i 4 div devono contenere nuove select
    in pratica la prima selezione dice quanti bambini da 1 a 4 e in base alla selezione deve apparire i div x selezionare l'età dei banbini
    esempio bambini 1 deve apparire il div con l'età
    se seleziono 2 deve apparire sia il div 1 che il div 2
    con 3 bibi i 3 div
    4 binbi 4 div.

  8. #8
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    allora due cose:
    cerca uno script mostra/nascondi da cui prendere esempio,
    metti la select dentro al div pertinente

    c'è molta documentazione in rete

    la combinazione da te esposta complica un po' le cose per cui avrai bisogno di un po' di supporto. quando avrai trovato qualcosa di simile a quello che ti necessita poi chiedi aiuto nelle sezione javascript, qui siamo fuori tema

  9. #9
    Utente di HTML.it
    Registrato dal
    May 2007
    Messaggi
    22
    ok cerchero
    io avevo seguito questa discusione
    qui

  10. #10
    Amministratore L'avatar di Vincent.Zeno
    Registrato dal
    May 2003
    residenza
    Emilia-Romagna (tortellini und cappelletti land!)
    Messaggi
    20,783
    quella discussione farebbe per te, ma per quello che devi fare si complica un po'.
    per me è meglio se cominci con "semplici" mostra/nascondi

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.