buenas. la consulta es la siguiente... alguien me puede agregar a este codigo una tercer etapa.....
osea... la primer etapa pide seleccione provincia... al señeccionar la misma dice seleccione municipio.. y alli presiso que se muestre otra.. pero no se como poner eso en el codigo... no conozco ajax, en lo mas minimo. soy programador php pero no doy con la tecla... quien me hecha una mano please..
por ultimo presiso que quede en un boton la ultima seleccion para poder mandarla a un php
el codigo es el siguiente
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ejercicio 17 - Listas desplegables encadenadas</title>
<script type="text/javascript">
var peticion = null;
function inicializa_xhr() {
if (window.XMLHttpRequest) {
return new XMLHttpRequest();
} else if (window.ActiveXObject) {
return new ActiveXObject("Microsoft.XMLHTTP");
}
}
function muestraProvincias() {
if (peticion.readyState == 4) {
if (peticion.status == 200) {
var lista = document.getElementById("provincia");
var provincias = eval('(' + peticion.responseText + ')');
lista.options[0] = new Option("- selecciona -");
var i=1;
for(var codigo in provincias) {
lista.options[i] = new Option(provincias[codigo], codigo);
i++;
}
}
}
}
function cargaMunicipios() {
var lista = document.getElementById("provincia");
var provincia = lista.options[lista.selectedIndex].value;
if(!isNaN(provincia)) {
peticion = inicializa_xhr();
if (peticion) {
peticion.onreadystatechange = muestraMunicipios;
peticion.open("POST", "http://localhost/RUTA_HASTA_ARCHIVO/cargaMunicipiosJSON.php?nocache=" + Math.random(), true);
peticion.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
peticion.send("provincia=" + provincia);
}
}
}
function muestraMunicipios() {
if (peticion.readyState == 4) {
if (peticion.status == 200) {
var lista = document.getElementById("municipio");
var municipios = eval('(' + peticion.responseText + ')');
lista.options.length = 0;
var i=0;
for(var codigo in municipios) {
lista.options[i] = new Option(municipios[codigo], codigo);
i++;
}
}
}
}
window.onload = function() {
peticion = inicializa_xhr();
if(peticion) {
peticion.onreadystatechange = muestraProvincias;
peticion.open("GET", "http://localhost/RUTA_HASTA_ARCHIVO/cargaProvinciasJSON.php?nocache="+Math.random(), true);
peticion.send(null);
}
document.getElementById("provincia").onchange = cargaMunicipios;
}
</script>
</head>
<body>
<h1>Listas desplegables encadenadas</h1>
<form>
<label for="provincia">Provincia</label>
<select id="provincia">
<option>Cargando...</option>
</select>
<br/><br/>
<label for="municipio">Municipio</label>
<select id="municipio">
<option>- selecciona una provincia -</option>
</select>
</form>
</body>
</html>
esto es parte de carga provincias
<?php
$provincias["01"] = "Álava/Araba";
$provincias["02"] = "Albacete";
$provincias["03"] = "Alicante/Alacant";
$provincias["04"] = "Almería";
$provincias["33"] = "Asturias";
$provincias["05"] = "Ávila";
$provincias["06"] = "Badajoz";
$provincias["07"] = "Balears (Illes)";
$provincias["08"] = "Barcelona";
$provincias["09"] = "Burgos";
$provincias["10"] = "Cáceres";
?>
y parte de carga municipios
<?php
$municipios["01"]["0014"] = "Alegría-Dulantzi";
$municipios["01"]["0029"] = "Amurrio";
$municipios["01"]["0493"] = "Añana";
$municipios["01"]["0035"] = "Aramaio";
$municipios["01"]["0066"] = "Armiñón";
$municipios["01"]["0376"] = "Arraia-Maeztu";
$municipios["01"]["0088"] = "Arrazua-Ubarrundia";
$municipios["01"]["0040"] = "Artziniega";
$municipios["01"]["0091"] = "Asparrena";
$municipios["01"]["0105"] = "Ayala/Aiara";
?>
para que tengan idea de que hablo ahora con otro listado presiso que haya otra opcion
muchas gracias
rrecarte
clabLevel: 0
_________________
tincho pide y da ayuda
