![Adios](http://static.forosdelweb.com/fdwtheme/images/smilies/adios.gif)
| |||
Valor de un campo del formulario en funcion del select Hola a todos. Me gustaria que en función de la opción seleccionada en un select variar el contenido de un campo de texto y que apareciera un nuevo par de campos a rellenar una vez seleccionada la opción. Agradeceria sugerencias o cualquier tipo de ayuda que me podais ofrecer. ![]() |
| |||
Lo que puedes hacer es que esos campos que quieras mostrar cuando seleccionan un valor en concreto de la select estén invisibles al principio: <input type="text" name="campo1" style="visibility:hidden"/> En el evento onChange de la select puedes llamar a una funcion que controle que valor esta seleccionado para ver si tienes que mostrar los campos ocultos: <select name="miSelect" onChange="fncMostrarCampos(this)"> <option value="0">Seleccione una opcion</option> <option value="1">opcion1</option> <option value="2">opcion2</option> <option value="3">opcion3</option> </select> La funcion a la que se llama cuando cambia el elemento seleccionado en la select es:
Código:
En esa funcion he puesto que muestre el campo cuando ha seleccionado el elemento que esta en la tercera posicion de la select (los elementos van de 0 a n), si lo que quieres es hacer una comparacion en funcion del valor tienes que cambiarfunction fncMostrarCampos(select){ if(select.selectedIndex == 2){ //mostramos el campo document.getElementById("campo1").style.visibility=""; } else{ var campo = document.getElementById("campo1"); //ocultamos el campo campo.style.visibility="hidden"; //borramos el valor del campo campo.value = ""; } } if(select.selectedIndex == 2) por if(select.value == "el valor que tiene que tener cuando quieres mostrar el campo") |