Mostrar textarea al seleccionar solo una opcion

SeNdEr2003 · #1 (**permalink**) 02/06/2009, 11:51

Buenas

Tengo un select list con varias opciones, necesito que al seleccionar una aparezca un textarea con terminos y condiciones, como hago para que al seleccionar la opcion A me muestre el textarea?, alguien sabe?, me arme el select asi:

Código PHP:

  <select> 
                    <option>A</option> 
                    <option>B</option> 
                    <option>C</option> 
                    <option>D</option> 
                </select>

Como hago para que al seleccionar A automaticamente aparezca? y al seleccionar B o las demas desaparezca? algun ejemplo? gracias...

ind4rk · #2 (**permalink**) 02/06/2009, 12:12

te recomiendo que le pongas value a las opciones o en el ie no se entera xD
Que quieres un testarea? que cambie el texto segun la opcion..
O diferentes textareas para cada opcion..
Que esten ocultas? y aparezcan?

supongo ke un solo textarea y oculta...

Código:

<html>
<head>
    <title>Página sin título</title>
</head>
<script type="text/javascript">
        function visible(valor) 
        {
            document.getElementById("TextArea1").style.visibility = "visible"
            document.getElementById("TextArea1").value = valor ;
        }
</script>
<body>

    <select id="Select1" onchange="visible(this.value)">
        <option value="a">a</option>
        <option value="b">b</option>
    </select>
    <textarea id="TextArea1" cols="20" rows="2" style="visibility:hidden;"></textarea>
</body>
</html>

SeNdEr2003 · #3 (**permalink**) 02/06/2009, 12:23

es un solo textarea y tiene que aparecer solo al seleccionar la opcion a, cuando selecciono otra no aparece...de la manera que mostras puedo hacer esto? o solo aparece oculto?

ah es diferente a lo que ando buscando...se puede de la manera que digo? nunca hice algo como eso asique seria de gran ayuda...

ind4rk · #4 (**permalink**) 02/06/2009, 12:31

solo esta oculta. Podrias añadirla con innerHTML..(o eso creo) XD

Código:

<html>
<head>
    <title>Página sin título</title>
</head>
<script type="text/javascript">
        function visible(valor) 
        {
            if (valor == "a")
            {
                document.getElementById("TextArea1").style.visibility = "visible"
                document.getElementById("TextArea1").value = valor ;
             }
             else
             {
             document.getElementById("TextArea1").style.visibility = "hidden"
             }
        }
</script>
<body>

    <select id="Select1" onchange="visible(this.value)">
        <option value="a">a</option>
        <option value="b">b</option>
    </select>
    <textarea id="TextArea1" cols="20" rows="2" style="visibility:hidden;"></textarea>
</body>
</html>

ind4rk · #5 (**permalink**) 02/06/2009, 12:38

Esto es con innerhtml

Código:

<html>
<head>
    <title>Página sin título</title>
</head>
<script type="text/javascript">
        function visible(valor) 
        {
            if (valor == "a")
            {
                //document.getElementById("TextArea1").style.visibility = "visible"
                //document.getElementById("TextArea1").value = valor ;
                document.getElementById("TextArea_Div").innerHTML = "<textarea id='TextArea1' cols='20' rows='2'></textarea>"
             }
             else
             {
             document.getElementById("TextArea_Div").innerHTML = ""
             }
        }
</script>
<body>

    <select id="Select1" onchange="visible(this.value)">
        <option value="a">a</option>
        <option value="b">b</option>
    </select>
    <div id="TextArea_Div"></div>
    
</body>
</html>

SeNdEr2003 · #6 (**permalink**) 02/06/2009, 12:40

bien bien quedo buenisimo, una cosa que sucede es que apenas cargo la pagina no aparece el textarea solo si selecciono despues la opcion a, pero el tema es que aparece seleccionada por defecto ...

ind4rk · #7 (**permalink**) 02/06/2009, 13:04

Código:

<body onload="visible(document.getElementById('Select1').value)">

Añadele eso, Si recargabas tenia bug xDD