Я пытаюсь заполнить раскрывающийся ионный объект (выберите один) массивом регионов и городов из моей страны. Я думаю, что я мог бы скопировать и вставить функции JS непосредственно в HTML-файл, но я считаю, что это не лучший способ сделать это, поэтому я создал папку в ресурсах с именем JS, а внутри JS создал файл с именем 'regiones.js', а затем импортировал это в моем HTML-файле, как описано здесь: https://github.com/ionic-team/ionic/issues/9422
Вы можете найти JS здесь: https://codepen.io/sergiohidalgo/pen/yNjdqg
jQuery.each(RegionesYcomunas.regiones, function () {
htmlRegion = htmlRegion + '<option value="' + RegionesYcomunas.regiones[iRegion].NombreRegion + '">' + RegionesYcomunas.regiones[iRegion].NombreRegion + '</option>';
iRegion++;
});
jQuery('#regiones').html(htmlRegion);
jQuery('#comunas').html(htmlComunas);
jQuery('#regiones').change(function () {
var iRegiones = 0;
var valorRegion = jQuery(this).val();
var htmlComuna = '<option value="sin-comuna">Seleccione comuna</option><option value="sin-comuna">--</option>';
jQuery.each(RegionesYcomunas.regiones, function () {
if (RegionesYcomunas.regiones[iRegiones].NombreRegion == valorRegion) {
var iComunas = 0;
jQuery.each(RegionesYcomunas.regiones[iRegiones].comunas, function () {
htmlComuna = htmlComuna + '<option value="' + RegionesYcomunas.regiones[iRegiones].comunas[iComunas] + '">' + RegionesYcomunas.regiones[iRegiones].comunas[iComunas] + '</option>';
iComunas++;
});
}
iRegiones++;
});
jQuery('#comunas').html(htmlComuna);
});
jQuery('#comunas').change(function () {
if (jQuery(this).val() == 'sin-region') {
alert('selecciones Región');
} else if (jQuery(this).val() == 'sin-comuna') {
alert('selecciones Comuna');
}
});
jQuery('#regiones').change(function () {
if (jQuery(this).val() == 'sin-region') {
alert('selecciones Región');
}
});
});
И папки / проект выглядят так:
Я не знаю, правильно ли я делаю, импортируя такой файл.
Здесь выпадающий список:
Как видно из ссылки на кодовое поле, перед городом нужно выбрать регион.
Заранее спасибо.