[SOLUCIONADO] Input Oculto en Formulario

[BREIQ]

Hola que tal. Me gustaria de nuevo su ayuda en un pequeño formulario que estoy haciendo. Tengo un menu desplegable con algunas opciones. El cual luego mando a un PHP (El cual funciona sin problemas), pero me gustaria que un elemento del formulario apareciera solamente al seleccionar una opcion:

Código HTML:

Investigacion 
<label for="investigacion"></label>
<select name="investigacion" id="investigacion">
<option value="0">Investigacion</option>
<option value=".02">Cartografia</option>
<option value=".06">Codigo de Honor</option>
<option value=".14">Logistica</option>
<option value="1">Futuro</option> OPCION CON LA QUE SE MOSTRARIA EL INPUT
</select>
<label for="futuro"></label>
<input name="futuro" type="text" id="futuro" value="" size="4" /> OCULTO ALMENOS QUE SE SELECCIONE FUTURO

Eh visto varios codigos PERO mas que solo ponerlos me gustaria una breve explicacion para entender mas el codigo java que todavia no le agarro bien ala sintaxis.
Saludos y gracias.

[maycolalvarez]

java no es lo mismo que Javascript

lo que haces simplemente es ocultarlo a nivel de CSS con display:none; por ejemplo, luego desde el evento onchange del select, verificas la opción y le aplicas display:inline; de nuevo

[BREIQ]

Se que no es lo mismo. Pero vamos...estamos en la seccion de javascript. Dudo que me ponga a ablar aqui de tarjetas perforadas o agua bonafont.

[maycolalvarez]

Iniciado por BREIQ

Se que no es lo mismo. Pero vamos...estamos en la seccion de javascript. Dudo que me ponga a ablar aqui de tarjetas perforadas o agua bonafont.

no entiendo a que te refieres, sé que es el foro de JS, pero el que se encarga de la parte "visual" es precisamente CSS, zapatero a tus zapatos, javascript no tiene nada para cambiar ese aspecto visual, a no ser por el objeto style que te permite acceder a ello:

objeto.style.display = 'inline'; //se aplica javascript, pero es CSS quien interviene

obviamente eso lo sabrías si hubiese leído algún manual de Javascript y lo referente al DOM

recuerde que para construir webs, hace falta más que HTML y JS, CSS es muy importante.

y reitero, Java y Javascript son lenguajes completamente diferentes, no se puede pretender hablar de "java" dentro del foro de javascript e intuir que el usuario se refiera a Javascript, porque muy bien podría estar usando JSP o Servlets y confundir la pregunta o términos, las cosas por su nombre, lo mismo pasa cuando vienen usuarios de node.JS, porque aunque ambos sean Javascript, su ambito es diferente, diferentes soluciones, diferentes puntos de vista, como java y javascript.

[BREIQ]

Me cito a mi mismo:

Eh visto varios codigos PERO mas que solo ponerlos me gustaria una breve explicacion para entender mas el codigo java que todavia no le agarro bien ala sintaxis.
Saludos y gracias.

Lo que busco es la explicacion de la sintaxis de javascript para esta pequeña funcion. Aun asi gracias.

[maycolalvarez]

Iniciado por BREIQ

Me cito a mi mismo:

Lo que busco es la explicacion de la sintaxis de javascript para esta pequeña funcion. Aun asi gracias.

¿y dónde está la función? porque hasta ahora no has posteado ningún código JavaScript

[BREIQ]

Bueno. Ahurita que ya estuve viendo varios codigos ya pude crear uno propio (a medias por que estuve deduciendo de otros)

Código HTML:

<select name="investigacion" id="investigacion" onchange="if(value == 1){
futuro.style.display = 'inline';
}
else{
futuro.style.display = 'none';
}">
      <option value="0">Investigacion</option>
      <option value=".02">Cartografia</option>
      <option value=".06">Codigo de Honor</option>
      <option value=".14">Logistica</option>
      <option value="1">Futuro</option>
    </select>
    <label for="futuro"></label>
    <input name="futuro" type="text" id="futuro" value="" size="4" /> 

Lo puse en el "onchange" y funciona muy bien. Hace exactamente lo que quiero. Aun que no entiendo aun muy bien la sintaxis estare jugando un poco con codigos.

Gracias y saludos.