Foros del Web - Ver Mensaje Individual

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>