Select y textArea

cruzz · #1 (**permalink**) 08/05/2006, 10:53

Hola
consulto: estoy armando un buscador que tengas dos opciones una que sea por categorias y la otra por codigo de producto
sera posible hacer un select que contenga dos opciones(por rubro,por codigo), que Cuando opte por rubro habilite otro select con mas opciones y que cuando opte por codigo cambie el select y aparezca un textarea?

la idea seria que aparezca uno u otro en el mismo lugar reemplazandolo segun sea el caso

Gracias

JavierB · #2 (**permalink**) 08/05/2006, 11:21

Hola cruzz

A ver si te sirve esto:

Código:

<html>
<head>
<script type="text/javascript">
function cambiar(num) {
  document.forms[0].rub.style.display = (num==0) ? 'block' : 'none';
  document.forms[0].cod.style.display = (num==0) ? 'none' : 'block';
}
</script>
</head>
<body>
<form>
<select onchange="cambiar(this.selectedIndex)">
<option>Rubro</option>
<option>Código</option>
</select>
<select name="rub">
<option>algo</option>
</select>
<textarea name="cod" style="display:none"></textarea>
</form>
</body>
</html>

Saludos,

cruzz · #3 (**permalink**) 09/05/2006, 12:03

Gracias amigo :)
para ser lo que necesito!!!!ahora lo pruebo en detalle

cruzz · #4 (**permalink**) 10/05/2006, 12:17

Ya lo modifique y anda bien... el tema es que solo en IE... en Opera no funka...
ke puedo hacer?? hay alguna otra forma de escribirlo para que sea mas estandar?

caricatos · #5 (**permalink**) 10/05/2006, 12:25

Hola:

¿Qué falla?

Me parece que el código está bien, aunque en vez de mostrar/ocultar creo que es mejor habilitar/deshabilitar (y no se enviarían datos innecesarios...)

Saludos

cruzz · #6 (**permalink**) 10/05/2006, 15:06

el tema es ke no funciona kisas tenga que usarlo con un ID de elemento..
pero dime.. como seria tu forma?? habilitando y deshabilitando?
tendrias un ejemplo??

Gracias

caricatos · #7 (**permalink**) 10/05/2006, 15:48

Bueno, no es necesario el Id en formularios... aunque deberías poner tu código, porque creo que el de JavierB (¡Hola

) está bien...

El tema de habilitar sería más o menos... (a partir de las líneas de JavierB)

function cambiar(num) {
document.forms[0].rub.disabled = (num != 0);
document.forms[0].cod.disabled = (num == 0);
}

Saludos

cruzz · #8 (**permalink**) 11/05/2006, 01:29

Gente.. aca les pego el codigo.. a ver eso del disabled si es mejor o no
un problema que estoy teniendo es que si opte por RUBRO para buscar y luego desde la pagina siguiente pulso el boton volver del navegador me queda el select en RUBRO pero el input text de codigo en lugar del Select asociado a rubro

Código HTML:

------------------------------------------------------------
JS
------------------------------------------------------------
function validar(){
     if((document.form1.codigo.style.display!='none'){
	//alert ("Codigo fue selecinado");
	codigo = document.form1.codigo.value;
	codigo = validnumeros(codigo);
	if (document.form1.codigo.value == '') {
		alert('Ingrese un Codigo');
		document.form1.codigo.focus();
		return;
	}
        else {	
	   if (codigo==false){
	             alert('Ingrese un codigo no valiado, se aceptan solo: números de mas de 6 digitos');
	             document.form1.codigo.focus();
	           return;
	           }
         }
      document.form1.rubros.value='';   
     }
     else if((document.form1.rubros.style.display!='none'){
             //alert("se seleeciono rubro");
             rubros=document.form1.rubros.value;
             document.form1.codigo.value='';
             if (document.form1.rubros.value == '') {
		alert('Seleccione un Rubro');
		return;
           }
           }
document.form1.submit();		 
} 

function cambiar(num) {
document.form1.codigo.style.display = (num==0)  ? 'block' : 'none'; document.form1.codigo.value='';
document.form1.rubros.style.display = (num==0) ? 'none' : 'block';
}
------------------------------------------------------------------
parte del HTML
-------------------------------------------------------------------
<tr> 
                        <td width="163" height="46" valign="middle"><img name="buscador_r1_c1" src="images/buscador_selector.jpg" width="163" height="32" border="0" alt=""></td>
                        <td width="48" valign="middle"> <select onchange="cambiar(this.selectedIndex)">
                            
                            <option>Codigo</option>
                            <option>Rubro</option>
                          </select></td>
                        <td width="127" valign="middle"> <input id="id_codigo" name="codigo" type="text" size="17" maxlength="13">
						         
                          <select id="id_rubros" name="rubros" style="display:none">
                            <option value="gomas">Gomas</option>
                            <option value="chicles">Chicles</option>
                            <option value="chocolates">Chocolates</option>
                            <option value="marshmallows">Marshmallows</option>
                            <option value="caramelos">Caramelos</option>
                            <option value="chupetines">Chupetines</option>
                            <option value="confites">Confites</option>
                            <option value="galletitas">Galletitas</option>
                            <option value="snacks">Snacks</option>
                            <option value="turron">Turron</option>
                          </select> </td>
                        <td width="135" valign="middle"> <input type="button" onClick="validar()" name="Submit" value="Buscar"></td>
                      </tr>

cruzz · #9 (**permalink**) 11/05/2006, 21:52

caricatos
podrias indicarme como seria eso del disabled con el codigo que subi??
eso resolveria el problema que tengo en Opera??

gracias

Cap.Buscapina · #10 (**permalink**) 12/05/2006, 10:09

lo probé en opera y encuentro dos errores.

1.- En estas dos lineas sobra 1 parentesis:

Cita:

if((document.form1.rubros.style.display!='none')
if((document.form1.codigo.style.display!='none')

2.- Faltan las etiquetas

Cita:

Luego de estos cambios parece todo OK

PD. como sugerencia fijate en este foro como se "debería" hacer una correcta validacion.(utilizando return en el "onsubmit").

saludos