Habilitar y deshabilitar select desde otro select

alexis77 · #1 (**permalink**) 05/09/2008, 20:13

Hola amigos,

Tengo el siguiente problema cundo seleccione Venezuela se tiene que habilitar estado ciudad y municipio y deshabilitarse el campo de texto ciudad. Si selecciono cualquier otro país que no sea venezuela se debería habilitar solo el campo de texto y deshabilitarse los demás select (estado, ciudad y municipio)

Código HTML:

</head> 
<body> 
<form name='form'> 
País: 
<select name='paisid'> 
	<option>&nbsp;</option> 
	<option value="1">Argentina</option> 
	<option value="2">Bolivia</option> 
	<option value="2">Brasil</option> 
	<option value="4">Chile</option> 
	<option value="5">Colombia</option> 
	<option value="6">Ecuador</option> 
	<option value="7">Perú</option> 
	<option value="8">Paraguay</option> 
	<option value="231">Venezuela</option> 
	<option value="10">Uruguay</option> 

</select> 
<br><br>
Activar solo cuando seleccione venezuela<br>
Estado 
<select name='txtestado'> 
<option value="22">Amazonas</option>
<option value="2">Anzoategui</option>
<option value="3">Apure</option>
<option value="4">Aragua</option>

<option value="5">Barinas</option>
<option value="6">Bolivar</option>
</select><br>
Ciudad: 
<select name='txtciudad'> 
	<option value="1">Ciudad I</option>
	<option value="2">Ciudad II</option>
	<option value="3">Ciudad III</option>
	<option value="4">Ciudad VI</option>

</select><br>
Municipio: 
<select name='txtmunicipio'> 
	<option value="1">Municpio I</option>
	<option value="2">Municpio II</option>
	<option value="3">Municpio III</option>
	<option value="4">Municpio VI</option>
</select>
<br><br> 

<b>Activar cuando seleccione otros paises y desactivarse cuando seleccione venezuela al igual que estado ciudad y municipio</b><br>
Ciudad: <input type="text" name="txtnombre"><br><br>
</form> 
</body> 
</html>

marcopoloaz06 · #2 (**permalink**) 06/09/2008, 01:25

Hola,
que onda
así quedaría

html:

Código HTML:

<form name='form'> 
País: 
<select name='paisid' onchange="funcion(this, this.form);"> 
	<option>&nbsp;</option> 
	<option value="1">Argentina</option> 
	<option value="2">Bolivia</option> 
	<option value="2">Brasil</option> 
	<option value="4">Chile</option> 
	<option value="5">Colombia</option> 
	<option value="6">Ecuador</option> 
	<option value="7">Perú</option> 
	<option value="8">Paraguay</option> 
	<option value="231">Venezuela</option> 
	<option value="10">Uruguay</option> 

</select> 
<br><br>
Activar solo cuando seleccione venezuela<br>
Estado 
<select name='txtestado' disabled="disabled"> 
<option value="22">Amazonas</option>
<option value="2">Anzoategui</option>
<option value="3">Apure</option>
<option value="4">Aragua</option>

<option value="5">Barinas</option>
<option value="6">Bolivar</option>
</select><br>
Ciudad: 
<select name='txtciudad' disabled="disabled"> 
	<option value="1">Ciudad I</option>
	<option value="2">Ciudad II</option>
	<option value="3">Ciudad III</option>
	<option value="4">Ciudad VI</option>

</select><br>
Municipio: 
<select name='txtmunicipio' disabled="disabled"> 
	<option value="1">Municpio I</option>
	<option value="2">Municpio II</option>
	<option value="3">Municpio III</option>
	<option value="4">Municpio VI</option>
</select>
<br><br> 

<b>Activar cuando seleccione otros paises y desactivarse cuando seleccione venezuela al igual que estado ciudad y municipio</b><br>
Ciudad: <input type="text" name="txtnombre"><br><br>
</form>

js:

Código HTML:

function funcion( th, thF ){
    var elementosArray = [ "txtestado", "txtciudad", "txtmunicipio", "txtnombre" ];
    if( Number( th.options[ th.selectedIndex ].value ) == 231 )
        for(var i=0;i<elementosArray.length;i++)thF[ elementosArray[i] ].disabled = !thF[ elementosArray[i] ].disabled;
};

saludos y deberias repasar Javascript
:]