Показать сообщение отдельно
  #1 (permalink)  
Старый 04.07.2019, 22:30
Интересующийся
Отправить личное сообщение для l_mke Посмотреть профиль Найти все сообщения от l_mke
 
Регистрация: 30.06.2019
Сообщений: 18

Работа с JSON
Доброго времени суток!

Подскажите пожалуйста, у меня в форме есть:

<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 с именем последнего объекта, подскажите как вывести все имена объектов имеющиеся в файле в форму.
Ответить с цитированием