La idea esta bien, pero no es así como se debe hacer.
Tu tabla la vas a colocar donde deberá aparecer
pero oculta.
Código:
<div id="Capa" style="display:none">
<table width="100%" border="0" align="center">
<tr>
<td width="100" align="left" valign="middle"><span class="Estilo14">TÍTULO</span></td>
<td align="left" valign="middle">
<input name="textfield" type="text" size="35" maxlength="35"></td>
</tr>
</table>
</div>
Y en tu función vas a ocultar/mostrar la capa
con javascript y CSS (como no usas el subíndice no es necesario que lo mandes de parámetro, por cierto)
Código:
function funcion(x){
if (document.form1.subestudios.options[document.form1.subestudios.selectedIndex].text=="CIP")
document.getElementById("Capa").style="block"
else
document.getElementById("Capa").style="none"
}
La función JS se puede reducir más en código, pero te la pongo así para que sea más clara
Saludos
PD. Recuerda que el igual de comparación en JS son dos signos == juntos