Bueno querias codigo?
en el php principal:
Código HTML:
<select name="select1" id="select1" onChange="cargaContenido(this.id)" class="cat1">
<option value="0" selected>(ninguna)</option><?
while ( $select_reg = mysql_fetch_array($select_res) ) {?>
<option value=<?=$select_reg[cat_id]?>><?=$select_reg[cat_name]?></option><? } ?>
</select>
en javascript
:
idSelectDestino es el id del 2º select que quiera actualizar con ajax
selectDestino es el objeto del 2º select
Código HTML:
ajax.open("GET", "procesoSelect.php?select="+idSelectDestino+"&opcion="+opcionSeleccionada, true);
ajax.onreadystatechange=function() {
if (ajax.readyState==1){
// Mientras carga elimino la opcion "Selecciona Opcion..." y pongo una que dice "Cargando..."
selectDestino.length=0;
var nuevaOpcion=document.createElement("option"); nuevaOpcion.value=0; nuevaOpcion.innerHTML="Cargando...";
selectDestino.appendChild(nuevaOpcion); selectDestino.disabled=true;
}
if (ajax.readyState==4){
selectDestino.parentNode.innerHTML=ajax.responseText;
}
}
ajax.send(null);
Cabe destacar que actualiza correctamente el 2º select pero me borra otros elementos de mi formulario.
Porque ya que innerhtml solo deberia actuar sobre selectDestino?
Gracias!