Problem with input type radio and select name

viki1967

Hi everyone.

My form page htm:

Expand|Select|Wrap|Line Numbers

 <html>

<head>

    <script language="javascript">

        function controlla_combo()

        {

            document.form1.Nacionalidad_text.disabled = document.form1.Nacionalidad[0].checked;

            document.form1.Nacionalidad_text.disabled = document.form1.Nacionalidad[1].checked;

        }

    </script>

</head>

<body>

    <form name="form1" action="insert.jsp" method=post> 

    <table>

        <tr>

            <td><input type="radio" name="Nacionalidad" value="1" onclick="controlla_combo();" CHECKED></td>

            <td><input type="radio" name="Nacionalidad" value="0" onclick="controlla_combo();"></td>

            <td><input type="radio" name="Nacionalidad" value="2" onclick="controlla_combo();"></td>

            <td>

                <select name="Nacionalidad_text" disabled>
 
    <OPTION VALUE="MX">México</OPTION>

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

    <OPTION VALUE="ES">España</OPTION>
 
                </select>

            </td>

        </tr>

    </table>

    </form>

</body>

</html>

I need this:

1) If checked input type="radio" name="Nacionalidad" value="1" the select name="Nacionalidad_text" is DISABLE;

2) If checked input type="radio" name="Nacionalidad" value="0" the select name="Nacionalidad_text" is DISABLE;

3) If checked input type="radio" name="Nacionalidad" value="2" the select name="Nacionalidad_text" is ENABLE;

The function function controlla_combo() NOT working... :

1) If checked input type="radio" name="Nacionalidad" value="1" the select name="Nacionalidad_text" is ENABLE;

2) If checked input type="radio" name="Nacionalidad" value="0" the select name="Nacionalidad_text" is DISABLE;

3) If checked input type="radio" name="Nacionalidad" value="2" the select name="Nacionalidad_text" is ENABLE;

Can you help me ?

Dormilich

your approach to the function is totally wrong. if you want the select enabled, check which radio is checked. (this requires a condition to be tested, thus use if () )

viki1967

OK, thanks x your answer. This code working: :)

Expand|Select|Wrap|Line Numbers

 
<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) 

{ 
 
            var selObj = document.mioform.Nazionalità_text; 

            var selIndex = selObj.selectedIndex; 

            if(selIndex==0  && document.mioform.Nazionalità_text.disabled==true) 

            { 

                return true; 

            } 

            else if(selIndex ==0 && document.mioform.Nazionalità_text.disabled==false) 

            { 

                alert("OBBLIGATORIO"); 

                mioform.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><br> 

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

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

            <br><br> 

            <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>

Problem with input type radio and select name

re: Problem with input type radio and select name

re: Problem with input type radio and select name

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about