Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    problema onchange javascript

    Ciao ragazzi ho un problema con javascript: ci sono 2 radio button. al selezionare del primo deve apparire una select con 3 option. al selezionare del secondo radio deve apparire un'altra select sotto il secondo radio button. Insomma le select devono apparire solo se il button radio corrispondente è selezionato, invece essere display none se non è selezionato. Il primo radio funziona, selezionandolo spunta la select corrispondente, ma il secondo no. dice ke la funzione mostra 2 non è definita. Io non riesco a vedere l'errore

    Codice PHP:

    [B]Nell'head[/B]

      <script>

        function mostra(){
        
        if(document.getElementById("opzioni_1").checked==true){
            document.getElementById("hide1").style.display="block";
            document.getElementById("hide2").style.display="none";
            }
        
        function mostra2(){
        
        if(document.getElementById("opzioni_2").checked==true){
            document.getElementById("hide2").style.display="block";
            document.getElementById("hide1").style.display="none";
            }
        }
        }
        
        </script>

    [B]Nel body[/B]

    <form id="form1" name="form1" method="post" action="">
                  


                    <label>
                      <input type="radio" name="opzioni" value="opz0" id="opzioni_1" onchange="mostra()"/>
                      Voglio che il banner ricarichi il mio credito WinBid</label>
                      

                            <select name="hide1" id="hide1" style="display:none;">
                                <option value="1">primo banner</option>
                                <option value="2">secondo banner</option>
                                <option value="3">terzo banner</option>
                            </select>
                    

                    <label>
                      <input type="radio" name="opzioni" value="opz1" id="opzioni_2" onchange="mostra2()"/>
                      Voglio ricevere il pagamento diretto</label>
                      

                        <select name="hide2" id="hide2" style="display:none;">
                            <option value="1">primo banner</option>
                            <option value="2">secondo banner</option>
                            <option value="3">terzo banner</option>
                        </select>
                    

                  </p>
                </form> 

  2. #2
    Utente di HTML.it
    Registrato dal
    Jun 2006
    Messaggi
    142
    forse c'è una parentesi graffa di troppo....

  3. #3
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Vedi spostare l'ultima parente graffa "}" sopra la funzione cosi:
    codice:
    function mostra(){
        
        if(document.getElementById("opzioni_1").checked==true){
            document.getElementById("hide1").style.display="block";
            document.getElementById("hide2").style.display="none";
            }
       }    
        function mostra2(){
        
        if(document.getElementById("opzioni_2").checked==true){
            document.getElementById("hide2").style.display="block";
            document.getElementById("hide1").style.display="none";
            }
        }
    funzione()
    {
    if(....){cod}
    }
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  4. #4
    Si grazie ragazzi era un'errore da dilettanti e io ci stavo uscendo pazzo...

  5. #5
    Utente di HTML.it
    Registrato dal
    Apr 2008
    Messaggi
    37
    Originariamente inviato da Mikele Sagitter
    Si grazie ragazzi era un'errore da dilettanti e io ci stavo uscendo pazzo...
    è la vita del programmatore

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.