Bloquear campos en un formulario

konoyek · #1 (**permalink**) 30/03/2010, 15:26

Hola a todo quiero saber como puedo bloquear un campo en caso talque un usuario seleccione una opcion.
ejemplo:

Sexo: x Hombre
x mujer

Si selecciona sexo hombre mas abajo esten deshabilitadas unas opciones que solo las mujeres ingresan lo mismo seria si se selecciona sexo mujer

eddwinpaz · #2 (**permalink**) 30/03/2010, 15:56

usa los eventos onChance de HTML y crea una funcion en javascript para desabilitar el campo en cuestion. saludos..

konoyek · #3 (**permalink**) 30/03/2010, 16:03

me podrias dar un ejemplo para hacer eso?

salbatore · #4 (**permalink**) 30/03/2010, 16:06

Hola konoyek,

No se como tienes el formulario... mira el codigo que acabo de hacerte. Es sencillo y tosco... pero funciona perfectamente. Lo que hace es ocultar los campos que no son necesarios dependiendo del genero, ademas de ocultarlos los deshabilita:

Código PHP:

  <script>
    function eleccion_de_sexo(opcion)
        {
            if(opcion!='')
                {
                    if(opcion=='hombre')
                        {
                            
                            document.getElementById('hombre').style.display='block';
                            document.getElementById('mujer').style.display='none';
                            
                            document.getElementById('hombre_select').disabled = false;
                            document.getElementById('mujer_select').disabled = true;
                        }
                    if(opcion=='mujer')
                        {
                            document.getElementById('hombre').style.display='none';
                            document.getElementById('mujer').style.display='block';
            
                            document.getElementById('hombre_select').disabled = true;
                            document.getElementById('mujer_select').disabled = false;
                        }
                }
            else
                {
                    document.getElementById('hombre').style.display='none';
                    document.getElementById('mujer').style.display='none';
    
                    document.getElementById('hombre_select').disabled = true;
                    document.getElementById('mujer_select').disabled = true;
                }
        }
</script>
    <fieldset id="sexo">
        <legend>Eleccion del sexo</legend>
        <select onChange="eleccion_de_sexo(this.value)" autocomplete="off" style="width:100%;">
            <option selected="selected" value="">Selcciona tu sexo</option>
            <option value="hombre">Hombre</option>
            <option value="mujer">Mujer</option>
        </select>
    </fieldset>
    
    <fieldset id="hombre" style="display:none; background:brown">
        <legend>Datos especificos de la hombre</legend>
        <select id="hombre_select" autocomplete="off" style="width:100%;" disabled="disabled">
            <option selected="selected">¿Que deporte te gusta?</option>
            <option value="1">Futbol</option>
            <option value="2">Golf</option>
        </select>
    </fieldset>
    <fieldset id="mujer" style="display:none; background:pink">
        <legend>Datos especificos de la mujer</legend>
        <select id="mujer_select" autocomplete="off" style="width:100%;" disabled="disabled">
            <option selected="selected">¿Que revista te gusta?</option>
            <option value="1">Hola!</option>
            <option value="2">Que me dices!</option>
        </select>
    </fieldset>

Espero que te sirva!
Te sirve?

konoyek · #5 (**permalink**) 30/03/2010, 16:13

Muchas gracias por tu colaboracion pero en si e formulario es el siguiente http://mindsetco.com/intranet/clientes.png la idea es donde se encuentra autoretenedor y contribuyente si se selecciona si quede habilitado resolucion y fecha del respectivo si le da en la opcion no estos campos queden gris o deshabilitados en este caso como seria

eddwinpaz · #6 (**permalink**) 30/03/2010, 16:17

<HTML>
< HEAD>

<SCRIPT LANGUAGE="JavaScript">

function Disab(val) {
frm=document.forms[0]
if(val=="enabl")
{frm.Button1.disabled=false;frm.Button2.disabled=f alse}
if(val=="buttn1")
{frm.Button1.disabled=true;frm.Button2.disabled=fa lse}
if(val=="buttn2")
{frm.Button1.disabled=false;frm.Button2.disabled=t rue}
if(val=="disabl")
{frm.Button1.disabled=true;frm.Button2.disabled=tr ue}
}

</SCRIPT>

</HEAD>
<BODY TEXT="000000" BGCOLOR="FFFFFF">

<form>
<div align="center">
<select name="select" onChange="Disab(this.value)">
<option value="enabl">Enable All Buttons</option>
<option value="buttn1">Disable Button 1</option>
<option value="buttn2">Disable Button 2</option>
<option value="disabl">Disable All Buttons</option>
</select>
</div>
<p align="center">
<input type=button onClick="alert('Button 1 pressed!')" value="Button 1" name="Button1">
<input type=button onClick="alert('Button 2 pressed!')" value="Button 2" name="Button2">
</form>
</BODY>
</HTML>

Seba_10 · #7 (**permalink**) 30/03/2010, 16:26

Konoyek eso se puede hacer con los parametros de OnChance en el idioma web HTML .... (como dijo el amigo "eddwinpaz)

el ej que te dio salbatore esa muy bien..solamente te queda editarlo a tu necesidad

Seba_10 · #8 (**permalink**) 30/03/2010, 16:27

eddwinpaz me podes ayudar en un problema que tengo??

konoyek · #9 (**permalink**) 30/03/2010, 16:29

analizando el codigo la idea seria mas que si selecciono la opcion si se me aclare los campos de abajo pero si selecciono la opcion no esos mismo campos sean gris como una una imagen y que el mismo no tuviera habilitados

salbatore · #10 (**permalink**) 30/03/2010, 18:38

Hola de nuevo Konoyek,

Tienes que editar un poco el script que te escribi antes, jeje... tienes que pensar que:

1-En un principio desabilitados (gris) poniendo disabled a cada input.
2-Si se cambia el radio del "si/no" se ejecuta la funcion que te envie.
3-Cambiar la funcion que te envie eliminando el trozo de ocultar los fieldset, esta tirado.

Bueno...

Hasta pronto!... jeje... :D