ayuda con combo box y text field

harg · #1 (**permalink**) 29/12/2002, 00:44

Hola les voy a explicar lo que quiero hacer, tengo una forma, hice una función, de tal forma que si escogen una opcion se habilite un determinado campo, si no la escogen no se habilita, pero no he podido hacer que para que en un mismo combo box hacer la diferenciación de entre los valores, con dos combo box si puedo pero quiero los dos valores en un solo combo y me haga la distinción, a continuación pongo el código, de antemano mil gracias por su ayuda.

<script language="JavaScript">
function validaCampo(forma, campoUno, txtUno, campoDos, txtDos, onPost){
onPost = (onPost) ? true : false;
with(forma){
//Se le pregunta que elija una opción
if( campoUno.selectedIndex > 0 ){
//Si eligio otra entonces habilitamos la otraEntrada
if( campoUno.selectedIndex == campoUno.options.length-1 ){
campoDos.disabled=false;
//Si no ha llenado la otraEntrada le decimos que lo haga
if( ( campoDos.value == "" || !validName(campoDos.value) ) && (!onPost) ){
alert('Si eliges '+ txtUno +' por favor ponga más adelante '+ txtDos);
campoDos.focus();
return false;
}
}else{
campoDos.disabled=true;
campoDos.value="";
return true;
}
}else{
if(!onPost){
alert('Debes Elegir '+ txtUno);
campoUno.focus();
}
return false;
}
return true;
}
}
</script>

<select name="requiere" onChange="validaCampo(this.form, this, 'Alumno', this.form.apoyo, 'apoyo');">
<option value=" "></option>
<option value="Alumno">Alumno</option>
</select>

<select name="requiere" onChange="validaCampo(this.form, this, 'Egresado', this.form.sueldo, 'sueldo');">
<option value=" "></option>
<option value="Egresado">Egresado</option>
</select>

Sueldo:
<input name="sueldo" type="text" value="" disabled size="5" maxlength="5">

Apoyo:
<input name="apoyo" type="text" value="" disabled size="5" maxlength="5">

espero que me haya dado a entender

JavierB · #2 (**permalink**) 29/12/2002, 12:28

Hola, harg.

No se si he entendido bien tu pregunta, pero te pongo un poco de código a ver si se aproxima:

Código PHP:

  <html> 
<head> 
<title>Untitled Document</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script> 
    function comprobar(valor) { 
        sueldo.disabled=(valor!='alumno'); 
        apoyo.disabled=(valor!='egresado') 
    } 
</script> 
</head> 
 
<body bgcolor="#FFFFFF" text="#000000"> 
<select name="sel" onChange="comprobar(this.value)"> 
<option value="alumno">Alumno</option> 
<option value="egresado">Egresado</option> 
</select> 
Sueldo: 
<input name="sueldo" type="text" value="" disabled size="5" maxlength="5"> 
Apoyo: 
<input name="apoyo" type="text" value="" disabled size="5" maxlength="5"> 
</body> 
</html>

Ya nos contarás si es esto o si van por otro lugar los tiros. Saludos,

harg · #3 (**permalink**) 30/12/2002, 10:44

Javier, vaya que me funcionó, encontré que si le pongo <form> bla bla bla bla </form> no funciona, en este caso yo estoy utilizando es funcioncita en Cold Fusion, no lo he probrado con el tag de la forma de CF pero espero funcione, y disculpa si esto suena a abuso, pero como puedo hacerle para que me habilite ya no un text box si no dos al mismo tiempo? de antemano agradezco muchisisimo tu ayuda.

JavierB · #4 (**permalink**) 30/12/2002, 11:45

Hola de nuevo.

Si tienes los controles dentro de un formulario <form name="forma"... tendrías que usar algo así:

forma.sueldo.disabled=(valor!='alumno');

Para habilitar 2 ovarios, perdon... o varios textbox es esto:

Código PHP:

  function comprobar(valor) { 
forma.text1.disabled=(valor!='alumno'); 
forma.text2.disabled=(valor!='alumno'); 
.. 
forma.text69.disabled=(valor!='alumno'); 
..

Me ha quedado un poco esquemático pero espero que lo entiendas. Saludos,

harg · #5 (**permalink**) 30/12/2002, 11:53

Hola Javier gracias, fijate que antes que contestaras ya había implementado lo que me estás sugiriendo sin embargo lo que si me sirvió fue lo de anteponer forma.text1.disabled=(valor!='alumno');

gracias nuevamente...