hola a todos
tengo un formulario, dos selects. Según selecciones en uno algo, en el otro se crean nuevas opciones, y quiero que luego, dependiendo de qué opcion selecciones, en una capa aparezca determinada imagen:
Código:
<script type="text/javascript">
function cambiarselect1(){
var cliente=document.form2.select2.options[document.form2.select2.selectedIndex].value;
switch (cliente){
case "ahcom":
document.form1.select1.options[0]=new Option("", "", "defaultSelect");
document.form1.select1.options[1]=new Option("Papelería", "papeleria", false);
document.form1.select1.options[2]=new Option("Logotipo", "logotipo", false);
break;
case "cesp":
document.form1.select1.options[0]=new Option("", "", "defaultSelect");
document.form1.select1.options[1]=new Option("Papeleríacesp", "papeleriacesp", false);
document.form1.select1.options[2]=new Option("Logotipocesp", "logotipocesp", false);
document.form2.select2.focus();
document.form1.select1.options[1].onFocus=foc("ahcomMontaje");
document.form1.select1.options[2].onFocus=foc("ahcomMontaje2");
break;
}
}
function foc(img) {
document.getElementById("foto").innerHTML="<img src='imgs/"+img+".jpg' />";
}
</script>
el caso es que carga la imagen al añadirse las opciones al select, y no cuando pinchas en una de sus opciones. ¿alguna idea?