entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

¿Como desplegar un campo text área según lo que se elija de un option?

Saludos a todos! , supongo la pregunta es clara, necesito desplegar un campo según la opción que eliga el usuario, ejemplo burdo: le gustan las frutas?,

si
no

si eligió que si, que liste cuales frutas le gustan

1voto

top21tk comentado

La solución de Leonardo funciona.

Deberías marcar la respuesta.

Saludos.

1 Respuesta

7votos

Leonardo-Tadei Puntos227010

Hola iPHP,

podrías hacer algo así:

<!DOCTYPE html>
<html>
<head>
<title>checkbox</title>
<meta name="generator" content="Bluefish 2.2.3">
<meta name="author" content="leo">
<meta name="date" content="2013-11-20T22:57:08-0300">
<meta name="copyright" content="Leonardo Tadei - GPL V3">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function MostrarFruta(v){
    if(v.id=="frutasi") {
        document.getElementById("cualfruta").style.visibility = "visible";    
    } else {
        document.getElementById("cualfruta").style.visibility = "hidden";       
    }
}
</script>
<style type="text/css">#cualfruta{visibility:hidden;}</style>
</head>
<body>

<form id="ff" name="ff" action="" method="post">
    Le gustan las frutas?<br>
    <label>Sí <input type="radio" name="fruta" id="frutasi" value="si" onclick="MostrarFruta(this);"></label>
    <label>No <input type="radio" name="fruta" id="frutano" value="no" onclick="MostrarFruta(this);"></label>
    <br>
    <label id="cualfruta">Cuales? <input type="text" name="frutatxt" id="frutatxt"></label>
</form>
</body>
</html>

Es decir, en el click de los radio, determinar si se ve la caja de texto o no, para que el usuario liste las frutas que le gustan. Si la lista está precargada y solo es para elegir, la traes con AJAX... fijate que estoy oculatando y desocultando los label para hacerlo independiente del elemento del formualrio que pongas adentro.

Si tenés que usar muchas veces esto en el mismo formulario, le podés agregar un segundo parámetro a la función que contenga el ID del elemento a ocultar/desocultar, así no e queda código duplicado.

Saludos!

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta