-----este es mi form
<form>
<select name="continentes" id="continent1" onchange="combo2('region1', this.value)">
<option>--seleccione un continente--</option>
</select>
<select name="regiones" id="region1" onchange="combo3('pais1', this.value)">
<option>--selecione un region--</option>
</select>
<select name="paises" id="pais1" onchange="combo4('distrito1', this.value)">
<option>--seleccione un pais--</option>
</select>
<select name="distritos" id="distrito1" onchange="combo5('ciudad1', this.value)">
<option>--seleccione un distrito</option>
</select>
<select name="ciudades" id="ciudad1" onchange="combo6('poblacion1', this.value)">
<option>--selecione una ciudad--</option>
</select>
<!--<div id="poblacion1"></div>-->
</form>
---- esta es mi funcion para llenar mi combo, (lo estoy llenando desde un abase de datos con la funcion $getJSON)
function combo2(continentes1, continentesid){
//$("#region1").clear();
alert(continentesid)
$.getJSON("ActionCombo2.php", {
continentes: continentesid
}, //esta funcion lee ya un json
function(dataResp2){ // respuesta interpretada como json y se envia a la funcion combo 2
comboContinent(dataResp2, continentes1);
});
}
---- y esta es mi ultima iteracion para mandarlo al form de nuevo
function comboContinent(jsonList, id){
var comboItem = document.getElementById(id);
var optionItem;//para crear elemnt
var textItem;//variable q representa el select*/
$.each(jsonList, function(index, item){ //la fucion each recibe paramentro lista json, el primer parametroes el indice el sengundo es cad aelemento q ahay e el jason
optionItem = document.createElement("option"); //se crea un elemento option y se agrega a item, se seta un atrubuto
optionItem.setAttribute("value", item.value); //despues se crea e nodo de texto, y su valor se ontiene del objeto json , pero se le pide la etiqueta label
textItem = document.createTextNode(item.label); //
optionItem.appendChild(textItem);
comboItem.appendChild(optionItem);
});
espero me puedan ayudar , muchas gracias
