Ver Mensaje Individual
  #2 (permalink)  
Antiguo 22/02/2008, 01:40
Erickvk
 
Fecha de Ingreso: septiembre-2007
Mensajes: 268
Antigüedad: 17 años, 6 meses
Puntos: 8
Re: Ocultar elemento según select

Cita:
Iniciado por luciano_che Ver Mensaje
Hola, buscando por el foro encontré un código que estaba buscando, lo adapté y me quedó algo así:

Código:
<script language="javascript">
function Mostrar(cual)
{
if(cual.marca.selectedIndex==2){cual.otramarca.style.visibility='visible'}
else{cual.otramarca.style.visibility='hidden'}
}
</script>



<form name="formu">
<select name="marca" onChange="Mostrar(this.form)">
<option >Mercedes</option>
<option >BMW</option>
<option >Otro</option>Otro
</select>
<input type="text" name="otramarca" style="visibility:hidden">
</form>

Lo que yo quiero es que la opcion Otro pueda esta en cualquier posición, y no solamente en la posición 2 como está ahí, ya que la opcion Otro estrá abajo de todo y no quiero contar la posición, además si agrego una opcion más y no modifico la funcion dejaría de funcionar.

Bueno es algo muy simple creo, en vez de comparar con la posición que compare con la opción propiamente dicha.

Espero que me hayan entendido

Gracias
Solo tienes que cambiar cual.marca.selectedIndex==2 por

var opcionElegida = cual.marca.options[cual.marca.selectedIndex].text; //aqui se guarda el valor de la opcion elegida en el select.

y en la condicion
if (opcionElegida == 'Otro')