y bueno al final lo resolví con capas como exponía luego, como siempre dejo la solución de como mostrar y ocultar capas usando un combobox o select.
Código Javascript
:
Ver original<style >
#capa2{
display: none;}
#capa3{
display: none;}
</style>
<script type="text/javascript">
function mostrar(aa) {
switch(aa)
{
case '1':
document.getElementById('capa1').style.display = 'block';
document.getElementById('capa2').style.display = 'none';
document.getElementById('capa3').style.display = 'none';
break;
case '2':
document.getElementById('capa2').style.display = 'block';
document.getElementById('capa1').style.display = 'none';
document.getElementById('capa3').style.display = 'none';
break;
case '3':
document.getElementById('capa3').style.display = 'block';
document.getElementById('capa1').style.display = 'none';
document.getElementById('capa2').style.display = 'none';
break;
}}
</script>
<form>
<select name="aas" onchange="mostrar(this.value);">
<option value="">Seleccione una opcion</option>
<option value="1">Opcion1</option>
<option value="2">Opcion2</option>
<option value="3">Opcion3</option>
</select>
<br /><br /><br /><br />
<div id="capa1">aaaaaaaaa</div>
<div id="capa2" >bbbbbbbbbbb</div>
<div id="capa3">cccccccccccc</div>
1.- se puede mejorar usando un arreglo, pero para fines educativos lo dejo asi.
2.- me di vuelta mucho rato para darme cuenta en el switch que en los case los números van con comilla simple de lo contrario no me funcionaba el script.
Si alguien quiere pulirlo bienvenido sea :D
Saludos.