mira aca te paso uno un ejemplo para ver si te sirve
esto va dentro del Body.
Código HTML:
<td width="21%"><span class="Estilo6">* TIPO </span></td>
<td><span class="Estilo6">
<select name="txt_tipo" id="txt_tipo" onblur="mostrar_tabla(this.value)">
<option value="INTERNET" > INTERNET </option>
<option value="ST" > SERVICIO TECNICO </option>
<option value="OTROS" > OTROS </option>
</select>
</span></td>
y esto va dentro del <head> y <script>
Código:
function mostrar_tabla(nombre)
{
if (nombre == "INTERNET")
{
document.getElementById('internet').style.display = 'block';
document.getElementById('instalacion').style.display = 'block';
document.getElementById('inter_comer').style.display = 'block';
document.getElementById('st').style.display = 'none';
document.getElementById('st_1').style.display = 'none';
}
else
{
if (nombre == "ST")
{
document.getElementById('internet').style.display = 'none';
document.getElementById('instalacion').style.display = 'none';
document.getElementById('inter_comer').style.display = 'none';
document.getElementById('st').style.display = 'block';
document.getElementById('st_1').style.display = 'block';
}
else
{
document.getElementById('internet').style.display = 'none';
document.getElementById('instalacion').style.display = 'none';
document.getElementById('inter_comer').style.display = 'none';
document.getElementById('st').style.display = 'block';
document.getElementById('st_1').style.display = 'block';
}
}
}
bueno los nombres que estan puesto dentro del document.getElementByID('internet') por ejemplo internet pertenece a al id de una tabla
se entiende???