form dinamico dependiendo de select

[yesik]

Tengo 1 form con un campo select y quisiera conseguir que según la opcion que se seleccione en el select el form siga de una u otra manera,, quisiera hacerlo en el cliente, sin volver a cargar la página mi form es algo así:


<p align="center"><b>TIPO DE RECURSO&nbsp;&nbsp;</b><select size="1" name="TipoRec" id="TR" onChange="">
<option 1>PERSONAL</option>
<option 2>CONSUMIBLE</option>
<option 3>INVENTARIO</option>
</select></p>

///y segun el valor de TipoRec continuaría por alguna rema del switch


switch($TipoRec){

case "PERSONAL":
?>
<p><input type="radio" name="tipe" value="1"> TODOS </p>
<input type="radio" name="tipe" value="2"> ALBAÑILES </p>
<?
break;

case "CONSUMIBLE":
?>
<p><input type="radio" name="tipe" value="1"> TODOS </p>
<input type="radio" name="tipe" value="2"> 1 </p>
<p><input type="radio" name="tipe" value="3"> 2 </p>

<?
break;

case "INVENTARIO":
?>
<p><input type="radio" name="tipe" value="1"> TODOS </p>
<input type="radio" name="tipe" value="2"> aaa </p>
<p><input type="radio" name="tipe" value="3"> bbb </p>

<?
break;
}

GRACIAS DE ANTEMANO

[wolf777]

Debes utilizar un codigo de: getElementById[]

1º forma pero los elementos solamente no son mostrados

Código HTML:

<!--Aparece-->
document.getElementById[elementos_01].style.display='block';
<!--Desaparece-->
document.getElementById[elementos_01].style.display='none';

Otra forma es hacerlo asi donde insertas en html el elemento

Código HTML:

document.getElementById[elementos_01].innerHTML="<item type='button' value='Activar' name='activar' onclick='alert(\"Hola\");'>"

Saludos