tengo 2 select de Ciudad y Localidad, los cuales se llenan desde un Array en JS, el problema es que al seleccionar la Ciudad, las localidades correspondientes se me llenan pero con la posición y no con el valor, es decir, en lugar de tener "Loc 1", "Loc 2", obtengo 0,1.
var dptosLocs = {
Ciudad1: ["Loc1", "Loc2"],
Ciudad2: ["Loc3", "Loc4"],
Ciudad3: ["Loc5"],
Ciudad4: ["Loc6"],
};
obtenwindow.onload = function () {
var dptoSelect = document.getElementById("departamentos");
var locSelect = document.getElementById("localidades");
for (var dpto in dptosLocs) {
dptoSelect.options[dptoSelect.options.length] = new Option(dpto, dpto);
}
dptoSelect.onchange = function () {
//empty Chapters- and Topics- dropdowns
locSelect.length = 1;
//display correct values
for (var loc in dptosLocs[this.value]) {
locSelect.options[locSelect.options.length] = new Option(loc, loc);
}
};
};