Доброго времени суток!
Подскажите пожалуйста, у меня в форме есть:
<select class="input_form delivery select" name="delivery" required >
<option value="">Выберите пункт</option>
</select>
Остальные пункты <option value=""></option> добавляются из JSON файла и именно тут должны находиться ключи объектов.
var requestURL = '/1234.json';
var request = new XMLHttpRequest();
request.open('GET', requestURL,true);
request.responseType = 'json';
request.send();
let selectMarc = document.querySelector('[name=delivery]');
let selectModels = document.querySelector('[name=models]');
request.onload = function(data) {
var car = request.response;
ShowCarModels(car);
}
function ShowCarModels(car){
var key = Object.keys(car);
for (var i = 0; i <key.length; i++) {
var myOption = document.createElement('option').cloneNode(true);
myOption.setAttribute('value', key[i]);
myOption.textContent = key[i];
}
selectMarc.appendChild(myOption);
console.log(myOption);
}
Проблема в том, что создается только один пункт option с именем последнего объекта, подскажите как вывести все имена объектов имеющиеся в файле в форму.