Ocultar elemento según select

[luciano_che]

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

[Erickvk]

Iniciado por luciano_che

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')

[luciano_che]

Edito:

No anda en IE, el primer código que postié tampoco funciona en IE, si me pueden encontrar qué es lo que no funciona en IE se los agradecería mucho, ya que no se casi nada de javascript.

Saludos y muchas gracias Erickvk!

[Erickvk]

Iniciado por luciano_che

Edito:

No anda en IE, el primer código que postié tampoco funciona en IE, si me pueden encontrar qué es lo que no funciona en IE se los agradecería mucho, ya que no se casi nada de javascript.

Saludos y muchas gracias Erickvk!

Creo que te faltan los ";"dentro del if, pero podias pasar el error javascript que da.

[luciano_che]

Ahora me di cuenta de lo que pasaba, es que cuando lo ejecuté me dijo que era contenido inseguro... cómo puedo hacer para que no haga eso, sino si los usuarios no le dicen que es seguro no funciona...

Gracias

[JavierB]

Hola luciano_che

El aviso de que el contenido no es seguro, sólo sale cuando pruebas la página en tu ordenador, cuando la subas a un servidor, dejará de verse.

Saludos,

[luciano_che]

Ahh, muchisimas gracias a los dos, disculpen mi ignorancia

Saludos