desabilitar campos usando condicion

edanalvi · #1 (**permalink**) 06/10/2009, 10:25

Hola buen dia nuevamente molestando al foro.

Tengo un pequeño inconveniente , en un formulario tengo una opcion que el usuario debe llenar (tiene alguna enfermedad) si el usuario responde que si se llena el campo siguiente que es (cuales) si responde que no debería bloquear el campo cuales y pasar al siguiente campo, he consultado pero no logro resolverlo, laguien me puede ayudar hice algo como esto vean.

A Padecido o Padece Alguna Enfermedad:
<select name='enfermedad'id='enfermedad'>
<option value ="S" >Si</option>
<option value ="N" >No</option>
</select ><br><br>

<script>

function funcion();

var enfermedad = window.document.getlemetbyid('select').enfermedad;

//aca abrimos todos los campos

window.document.getlementbyid('cuales').disabled = false

if(enfermedad == 'N') {

//aqui va lo que pondras el disable

window.document.getlementbyid('cuales').disabled = true

}

</script>
Cuales:
<input type='text' name='cuales' id='cuales'size='104'>
<br> <br>

David · #2 (**permalink**) 06/10/2009, 10:33

El nombre de la función es getElementById (además, sensible a mayúsculas).

En lugar de esto:
document.getlemetbyid('select').enfermedad
Probablemente la idea era:
document.getElementById('enfermedad').value

Como recomendación, no uses el mismo nombre para la variable y para el name del campo ya que causa problemas en Internet Explorer.

edanalvi · #3 (**permalink**) 07/10/2009, 12:50

David:

Gracias por responder, me cuesta entender (estoy iniciando en esto) disculpa podrías ampliarme mas la info. Ya cambie lo que estaba mal escrito pero no se que mas hacer el campo sigue desbloqueado al elegir no-
<script>

function funcion(x){

var enfermedad = window.document.getElementById('enfermedad').value

//aca abrimos todos los campos

window.document.getElementById('cuales').disabled = false

if(enfermedad == 'N') {

//aqui va lo que pondras el disable

window.document.getElementById('cuales').disabled = true

}
}

</script>
Gracias por tu ayuda

David · #4 (**permalink**) 07/10/2009, 12:56

¿En qué momento llamas a la función? ¿Seguro que tienes un elemento con id="cuales"?

eseceve · #5 (**permalink**) 07/10/2009, 22:14

Código HTML:

<script type="text/javascript">
    function nombreFuncion(){
        if(document.getElementById('enfermedad')){
            var cEnfermedad = document.getElementById('enfermedad')
            if(cEnfermedad.value == 'N'){
                if(document.getElementById('cuales')){
                    document.getElementById('cuales').disableb = true;
                }
            }
        }
    }
</script>

Espero te sirva y si alguien ve un error en la funcion, favor corregir...

Saludos

caricatos · #6 (**permalink**) 08/10/2009, 01:00

Hola:

La verdad es que algunas condiciones son innecesarias, ya que se supone que los elementos existen, y en vez de disableb es disabled (lo tienes terminado en "b" y es con "d")

Saludos

edanalvi · #7 (**permalink**) 08/10/2009, 11:54

David:

Si mira la función

Código HTML:

<html>
	
<form action='fscons.php' method='post' name='salud_usuario' target='_self' id='salud_usuario' >
											
Ultimo Papanicolau:
				<input  name='ultimo_papanicolau'type='text'id= 'ultimo_papanicolau'size='30'>
N&uacute;mero de Partos:
				<select name='numero_partos'id='numero_partos'>
				<option>0</option><option>1</option><option>2</option><option>3</option><option>4</option>	
			         </select ><br><br>		
				
N&uacute;mero de Abortos:
				<select name='numero_abortos'id='numero_abortos'>
				<option>0</option><option>1</option><option>2</option><option>3</option><option>4</option>	
			        </select ><br><br>			
	
	A Padecido o Padece Alguna Enfermedad:
		<select name='enfermedad'id='enfermedad' getElementById='cEnfermedad'>	
			<option value ="S" >Si</option>
			<option value ="N" >No</option>
			</select ><br><br>														
															
<script type="text/javascript">
    function desabilitarCampo(){
        if(document.getElementById('enfermedad')){
            var cEnfermedad = document.getElementById('enfermedad')
            if(cEnfermedad.value == 'N'){
                if(document.getElementById('cuales')){
                    document.getElementById('cuales').disabled = true;
                }
            }
        }
    }
</script>															
				Cuales:
				<input type='text' name='cuales' id='cuales'getElementById='cuales' size='104'> <br> <br>																																							
				<center><input id="button" type="button" value="Anterior" onclick="javascript:history.go(-1);">
				 <input id="button1" type="submit" value="Siguiente"> </center> </b></i>													 															
</form></html>

pero aun sigue sin funcionar.

Aqui mando a guardar los datos Mysql

Código PHP:

  <?php
                         
        $SQL="insert into salud_usuario
        (id_usuario,
        numero_partos,
        numero_abortos,
        ultimo_papanicolau,
        enfermedad,
        cuales,
        lugar) 
    
        values ('" .$_POST['id_usuario'] . "','" . 
            $_POST['numero_partos'] . "','" . 
            $_POST['numero_abortos'] . "','" . 
            $_POST['ultimo_papanicolau'] . "',    '" . 
            $_POST['enfermedad'] . "','" .
             $_POST['cuales']. "','" .
             $_POST['lugar']. "')";
                    
                    mysql_query($SQL);
        
            if (mysql_errno()>0)
                {
                echo mysql_errno() . " - " . mysql_error() . " <br>";
                }
?>

edanalvi · #8 (**permalink**) 08/10/2009, 19:31

Gracias a los que respondieron

Consultando otras preguntas en el foro lo pude resolver.
Así me quedo

Código HTML:

<script language="JavaScript">
   function MOSTRAR(){
     if (document.salud_usuario.enfermedad.value != "S") {
 	document.salud_usuario.cuales.disabled = true;
    }else{
 	if (document.salud_usuario.enfermedad.value == "N") {
            document.salud_usuario.cuales.disabled = false;
 	}
   }
 }
 </script>

A Padecido o Padece Alguna Enfermedad:
															<select name='enfermedad'id='enfermedad' onChange="javascript:MOSTRAR();">	
																<option value ="S" >Si</option>
																<option value ="N" >No</option>
																</select ><br><br>														
Cuales:
<input  name='cuales' type='text'size='104'> <br> <br>

Mil gracias a todos son geniales