Abilitare select a secondo del valore di input type radio

**Mizushi** · 14-08-2009, 19:30

Ciao a tutti.

All'interno di un form ho questi campi

codice:

<input type="radio" name="Nazionalità" value="1" CHECKED>
<input type="radio" name="Nazionalità" value="0">
<input type="radio" name="Nazionalità" value="2">

<SELECT NAME="Nazionalità_text" SIZE="1">
<OPTION value="">---------------------------</OPTION>
<OPTION VALUE="IT">Italiana</OPTION>
...
</SELECT>

Avrei necessità con una funzione javascript di abilitare la SELECT NAME="Nazionalità" solo quando si seleziona il valore 2 di input type="radio" name="Nazionalità"...

Mentre quando si selezionano valore 1 e 0 di input type="radio" name="Nazionalità" la SELECT NAME="Nazionalità" deve rimanere disabilitata, cioè non deve essere possibile selezionare alcun valore dalla select...

E' possibile?
Grazie e buon ferragosto a tutti !

**marco.carrieri** · 14-08-2009, 20:51

Potresti fare una cosa del genere prova il codice che ti ho scritto.

Codice PHP:


<html>

    <head>

    <title>prova</title>

    <script type='text/javascript'>

        function controlla(valore)

        {

            if(valore==2)

            {

                document.mioform.Nazionalità_text.disabled=false;

            }

            else

            {

                document.mioform.Nazionalità_text.disabled=true;

            }

        }

    </script>

    </head>

    <body onload="controlla(0)">

        <form id="mioform" name="mioform">

            A <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="1" CHECKED>


            B <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="0">


            C <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="2">


            



            <SELECT NAME="Nazionalità_text" SIZE="1">

            <OPTION value="">---------------------------</OPTION>

            <OPTION VALUE="IT">Italiana</OPTION>

            </SELECT>

        </form>

    </body>

</html>

**Mizushi** · 14-08-2009, 21:01

Perfetto, grazie tante!

Buon ferragosto !

**Mizushi** · 14-08-2009, 21:29

Scusa ho un problema...

Come faccio a rendere obbligatoria la selezione nella SELECT NAME="Nazionalità" quando si seleziona il valore 2 di input type="radio" name="Nazionalità"...

Ho provato così ma non funziona:

codice:

<html> 
    <head> 
    <title>prova</title> 
    <script type='text/javascript'> 
        function controlla(valore) 
        { 
            if(valore==2) 
            { 
                document.mioform.Nazionalità_text.disabled=false; 
            } 
            else 
            { 
                document.mioform.Nazionalità_text.disabled=true; 
            } 
        } 
        


function submIt(theform) 
{ 

if(theform.Nazionalità.value == 2)
{
if (theform.Nazionalità_text.value.length <= 0) 
{ 
alert("OBBLIGATORIO"); 
theform.Nazionalità_text.focus(); 
return false; 
} 
}

  return(true);
}        
    </script> 
    </head> 
    <body onload="controlla(0)"> 
        <form id="mioform" name="mioform" method="post" onsubmit="return submIt(this);"> 
            A <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="1" CHECKED>
 
            B <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="0">
 
            C <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="2">
 
            

 
            <SELECT NAME="Nazionalità_text" SIZE="1"> 
            <OPTION VALUE="">---------------------------</OPTION> 
            <OPTION VALUE="IT">Italiana</OPTION> 
            </SELECT> 
            
            <input type="submit" value="Invia" name="B1">
            
        </form> 
    </body> 
</html>

**marco.carrieri** · 14-08-2009, 21:50

intendi cosi?

Codice PHP:


<html> 

    <head> 

    <title>prova</title> 

    <script type='text/javascript'> 

        function controlla(valore) 

        { 

            if(valore==2) 

            { 

                document.mioform.Nazionalita_text.disabled=false; 

            } 

            else 

            { 

                document.mioform.Nazionalita_text.disabled=true; 

            } 

        }

        function inviamodulo() 

        { 

            var selObj = document.mioform.Nazionalita_text;

            var selIndex = selObj.selectedIndex;

            if(selIndex ==0  && document.mioform.Nazionalita_text.disabled==true)

            {

                alert("inviato1");

                return true;

            }

            else if(selIndex ==0 && document.mioform.Nazionalita_text.disabled==false)

            {

                alert("OBBLIGATORIO"); 

                mioform.Nazionalita_text.focus(); 

                return false;

            }

            else

            {

                alert("inviato2");

                return true;

            }

        }        

    </script> 

    </head> 

    <body onload="controlla(0)"> 

        <form action="pagina.php" id="mioform" name="mioform" method="post" onsubmit="return inviamodulo();"> 

            A <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="1" CHECKED>
 

            B <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="0">
 

            C <input onclick="controlla(this.value);" type="radio" name="Nazionalità" value="2">
 

            

 

            <SELECT NAME="Nazionalita_text" SIZE="1"> 

            <OPTION VALUE="" selected>---------------------------</OPTION> 

            <OPTION VALUE="IT">Italiana</OPTION> 

            </SELECT>             

            <input type="submit" value="Invia" name="B1">            

        </form> 

    </body> 

</html>

**Mizushi** · 14-08-2009, 22:12

Esatto, grazie !

Discussione: Abilitare select a secondo del valore di input type radio

Strumenti discussione

Ricerca discussione

Visualizza

Abilitare select a secondo del valore di input type radio

Permessi di invio