Menu select que muestre y oculte capas

[pherenike]

Hola a todos!!

Tengo un select el cual quiero que muestre una capa cuando das una opcion y oculte las demas capas, lo estoy haciendo, poniendo una funcion onclick a cada option pero me he dado cuenta de que solo me funciona la primera opcion, nose si habra otra manera de hacerlo, si alguien sabe como se lo agradeceria.... aqui va parte de mi codigo

function rep_diaria()
{
document.getElementById('repeticion_diaria').style .visibility="visible";
document.getElementById('repeticion_semanal').styl e.visibility="hidden";
}
function rep_semanal()
{
document.getElementById('repeticion_diaria').style .visibility="hidden";
document.getElementById('repeticion_semanal').styl e.visibility="visible";
}

--------------------
<select name="repeticion" class="textos_contenido" style="width: 120px;">
<option value="1" onclick="rep_diaria()">Diaria</option>
<option value="2" onclick="rep_semanal()">Semanal</option>
<option value="3">Mensual Dia</option>
<option value="4">Mensual SemDia</option>
<option value="5">Fechas Fijas</option>
<option value="6">Anual</option>
<option value="7">Nunca</option>
</select>
</form>

gracias al que me pueda ayudar

[sander]

Hola sin ver el demas codigo html, es un poco dificil saber donde esta tu error, aun asi deberias de usar onselect en ves de onclick, ya que cuando selecciones un elemento se dispara el evento onselect antes que el onclick.

Ademas usa "display: none" y "display: block", en ves de los "visibility".

Saludos.

[pherenike]

gracias sander! seguire tus consejos, ya solucione el tema, resulta que estaba mal escrito el id de una capa y por eso no me funcionaba....

gracias