Comunidad de diseño web y desarrollo en internet online

Selects Dependientes

Citar            
MensajeEscrito el 29 Ago 2011 07:31 pm
Que tal amigos de este foro!

Ustedes me pueden ayudar el siguiente código:

<head>
<script type="text/javascript" src="JS/dojo.js"></script>
<script>
function cargaModelos(selectMarca){
ajax('RegresaModelos.do?marca=' + selectMarca, 'selectModelo')
}
function cargaAnios(selectModelo){
ajax('RegresaAnios.do?cader=' + selectModelo, 'selectAnio')
}
function ajax(url,divId) {
dojo.io.bind({
url: url,
handle: function(status, data){
if(status == "load"){
myDiv = document.getElementById(divId);
myDiv.innerHTML = data;
}
},
mimetype: "text/html",
transport: "XMLHTTPTransport"
});
}
</script>
</head>
<body>
<select id="selectMarca" name="selectMarca" onchange="cargaModelos(this.value)">
<!-- AQUI SELECCIONO LA MARCA PARA CARGAR LOS MODELOS -->
<select id="selectModelo" name="selectModelo" onchange="cargaAnios(this.value)">
<!-- AQUI SELECCIONO EL MODELO PARA CARGAR LOS ANIOS -->
<select id="selectAnio" name="selectAnio">
<!-- AQUI SELECCIONO EL ANIO -->
</body>

Esto funciona correctamente en FireFox pero en Internet Explorer no, alguien tiene alguna sugerencia para que funcione en Internet Explorer?

De antemano gracias.

Por luisdelgado2k8

1 de clabLevel



 

msie8
Citar            
MensajeEscrito el 29 Ago 2011 07:48 pm
Internet Explorer tiene un bug cuando intentas cambiar el innerHTML de un <select>, simplemente lo ignora.
La solución es reemplazar todo el <select>. Para ello pon los select dentro de un div y apunta el resultado de ajax para que actualice el innerHTML del <div>; la respuesta ajax debe contener el tag <select> que estés usando.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 30 Ago 2011 05:25 pm
Hola DriverOp!

Muchas gracias por echarme la mano con este código.

No soy muy experto en esto de ajax.

Me puedes decir como hacer estas modificaciones paso a paso xfa?

Por luisdelgado2k8

1 de clabLevel



 

msie8

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.