Пустой вариант после каждого заполненного поля опции [закрыто] ⇐ Javascript

[Anonymous]

Я получаю данные из вызова Ajax, чтобы заполнить элемент выбора параметрами. В то время как все работает нормально, я не могу выяснить, почему я получаю пустые теги опции после каждой заполненной строки. < /P>

Код: Выделить всё

  function Countries(continent) {
$('#countries').empty();
$('#countries').append("Loading...");

// init
var ajaxRequest;

var dataObject = {
continent_name: continent
};

ajaxRequest = $.ajax({
type: "POST",
url:"/process/contact-divisions-countries/",
dataType:"json",
data: dataObject
});

ajaxRequest.done(function (data, textStatus, jqXHR){

// THIS IS THE ITERATION WHERE IT GETS OBSCURE

$.each(data,function (index, item) {
$('#countries').append(''+ item.country_title +'');
});

// TRIED THIS WITH FOREACH ALSO,- SAME RESULT

// data.forEach((item) => console.log(item));
// data.forEach((item) => {
// $('#countries').append(''+ item.country_title +'');
});

});

ajaxRequest.fail(function (data, textStatus, jqXHR){
console.log(data);
});

}
< /code>
Данные получают результат от возврата JSON (/process/contact-divisions-countries/

).

Код: Выделить всё

  // $_contacts is a array

foreach($_contacts as $item) {
$response[] = [
'country_name' => $item['name'],
'country_title' => $item['title']
];
}

$o = json_encode($response);

echo $o;

Живой пример (вверху страницы): https://kubota.olafgleba.de/service/
Любая помощь или подсказка высоко ценится. Спасибо заранее и ура.

Подробнее здесь: https://stackoverflow.com/questions/794 ... tion-field