Se puede hacer??

[dominguez]

Hola, haber si se puede hacer lo que he pensado.

Tengo un label, que indica el campo a ingresar en un input,
supongamos que en el label esta la palabra "NOMBRE:" y el input sirve para introducir el nombre.

Bien, en un principio tendrían que estar los dos ocultos y cuando se seleccione una determinada opción en un combo, que se muestren.

No sé si será posible hacerlo, si alguién tiene algún comentario se lo agradezco.


Un saludo.

[Bravenap]

Podrías incluir todo dentro de una etiqueta con la propiedad oculta o invisible y luego mostrarla o hacerla visible.

<div id="nombre" style="display: none;">.....</div>

<div id="nombre" style="visibility: hidden;">.....</div>

Y las correspondientes funciones Javascript

document.getElementById("nombre").style.display='' ;

document.getElementById("nombre").style.visibility ='visible';

Con la primera opción, no sólo no lo muestras sino que además tampoco ocupa espacio en la página, es decir, cuando lo muestres, el contenido que este alrededor de la etiqueta se ajustará al hueco que ahora ocupa la etiqueta.

Por cierto, no soy muy partidario de los títulos del tipo Se puede hacer??. Hay que concretar los títulos y no ser tan generalistas, a parte de que cuando se formula una pregunta hay que añadir los signos de interrogación correspondientes al principio de la misma.

Un saludo.

[eDuDiTo]

Buenas dominguez,

Lo que tienes que hacer es añadirle tanto al label como al input el atributo:

style="display:none;" o style="visibility:hidden;" (el primero no ocupa espacio cuando está invisible y el segundo sí, eso ya va según gustos)

Luego en el combo creas un evento onChange que llame a una función:

<select name="miSelect" onChange="cambiaDisplay();" >

Ya solo te falta definir la función que compruebe el valor del Select y según sea este mostrar o no el input y el label:

<script language="JavaScript">
function cambiaDisplay() {
if (formulario.miSelect.options[formulario.miSelect.selectedIndex].value == "XXX") {
formulario.miLabel.style.display = 'block'
formulario.miInput.style.display = 'block'
} else {
formulario.miLabel.style.display = 'none'
formulario.miInput.style.display = 'none'
}
}
</script>

Observa que donde dice .style.display = 'block' o .style.display = 'none' es sólo en el caso de haber utilizado el atributo display; si has usado visibility debes sustituirlo por .style.visibility = 'visible' y .style.visibility = 'hidden'

Pruébalo y ya me dices si da algún fallo que no lo he probado, espero que te sirva. Saludos!

[Bravenap]

Pues sí eDuDiTo, mucho mejor explicado

Un saludo a los dos.