[SOLUCIONADO] desplegar textarea desde un combobox

tquezada · #1 (**permalink**) 15/04/2013, 11:40

hola otra vez.
quisiera que me dijeran como lo puedo hace.
tengo un formulario donde ahi un combobox que tiene distintos deportes, donde quiero que al escojer futbol por ejemplo aparezcan 22 areas de texto o escoja tenis y aparezcan 4 areas de texto y asi segun el deporte.
nose si se podra desde php si no es asi disculpenme por el foro equivocado.
ojala puedan ayudarme. Saludos.

alex1084 · #2 (**permalink**) 15/04/2013, 11:46

eso es con javascript, jquery, ajax...

Tambien puede hacerlo con php pero para eso necesitarias estar recargando la página...

tquezada · #3 (**permalink**) 16/04/2013, 05:30

ah pero tampoco sabes como??

tquezada · #4 (**permalink**) 16/04/2013, 07:34

ya lo solucione era con javascript!

Código Javascript:

Ver original<script type="text/javascript">
var ver
function mostrar(num) {
  obj = document.getElementById('c'+(num+1));
  ver.style.display = 'none';
  obj.style.display = 'block';
  ver = obj;
}
</script>

Código HTML:

Ver original<body onload = "ver=document.getElementById('c1')">
<td>Tipo de Deporte</td>
    <td>
    <select name="select" id="select" onchange="mostrar(this.selectedIndex)">
    <option value="1">Seleccione</option>
    <option value="1">Baby-Futbol</option>
    <option value="2">Tenis</option>
    <option value="3">Aerobica</option>
    <option value="4">Otro</option>
    </select>
    </td>
  </tr>
  <tr>
    <td valign="top">Integrantes</td>
    <td>
    <div id="c1"><input type="text" name="" /></div>
<div id="c2" style="display:none">
<input type="text" name="futbol1" /><br />
<input type="text" name="futbol2" /><br />
<input type="text" name="futbol3" /><br />
<input type="text" name="futbol4" /><br />
<input type="text" name="futbol5" /><br />
<input type="text" name="futbol6" /><br />
<input type="text" name="futbol7" /><br />
<input type="text" name="futbol8" /><br />
<input type="text" name="futbol9" /><br />
<input type="text" name="futbol10" /><br />
</div>
<div id="c3" style="display:none">
<input type="text" name="tenis1" /><br />
<input type="text" name="tenis1" /><br />
<input type="text" name="tenis1" /><br />
<input type="text" name="tenis1" /><br />
</div>
<div id="c4" style="display:none">
<input type="text" name="aerobica1" /><br />
<input type="text" name="aerobica1" /><br />
<input type="text" name="aerobica1" /><br />
<input type="text" name="aerobica1" /><br />
<input type="text" name="aerobica1" /><br />
</div>
<div id="c5" style="display:none">
<input type="text" name="otro1" /><br />
<input type="text" name="otro2" /><br />
<input type="text" name="otro3" /><br />
<input type="text" name="otro3" /><br />
<input type="text" name="otro4" /><br />
</div>
    </td>
  </tr>