Список по данным из JSON-файла

150
04 декабря 2019, 05:00

Нужен обычный список "select" который бы заполнился данными из json-файла по полю value

var json = [
  {"value":"2","data":"2019-03-10 00:00:00"},
  {"value":"2","data":"2019-03-11 00:00:00"},
  {"value":"1","data":"2019-03-12 00:00:00"},
  {"value":"1","data":"2019-03-12 18:57:29"},
  {"value":"1","data":"2019-03-12 18:57:30"},
  {"value":"1","data":"2019-03-12 18:57:40"},
  {"value":"1","data":"2019-03-12 18:57:45"},
  {"value":"1","data":"2019-03-12 18:58:01"},
  {"value":"1","data":"2019-03-12 18:58:10"},
  {"value":"1","data":"2019-03-12 18:58:22"}
];

Как сделать чтобы был select по value

Answer 1

У вас не json, а массив объектов! ${item.data} вывел для наглядности.

let options, json = [ 
  {"value":"2","data":"2019-03-10 00:00:00"}, 
  {"value":"2","data":"2019-03-11 00:00:00"}, 
  {"value":"1","data":"2019-03-12 00:00:00"}, 
  {"value":"1","data":"2019-03-12 18:57:29"}, 
  {"value":"1","data":"2019-03-12 18:57:30"}, 
  {"value":"1","data":"2019-03-12 18:57:40"}, 
  {"value":"1","data":"2019-03-12 18:57:45"}, 
  {"value":"1","data":"2019-03-12 18:58:01"}, 
  {"value":"1","data":"2019-03-12 18:58:10"}, 
  {"value":"1","data":"2019-03-12 18:58:22"} 
], 
select = document.getElementById('json-select'); 
 
json.forEach(function(item) { 
 options += `<option value="${item.value}">${item.data}</option>`; 
}); 
 
select.innerHTML = options;
<p>Ваш выбор</p> 
<select id="json-select"> 
</select>

READ ALSO
Запрос к api в js

Запрос к api в js

Необходимо отправить запрос к api яндекса в js для получения и обработки данныхПытаюсь написать ajax запрос:

134
Как автоматизировать прокладку маршрута на карте яндекса

Как автоматизировать прокладку маршрута на карте яндекса

У меня есть приложение, которое реализует движение персонажей анимации вдоль заранее проложенного маршрута на карте городаМаршруты, точнее...

134
Странность неявной типизации JS

Странность неявной типизации JS

Я только начал изучать JS, до этого (как и сейчас) кодю на C#Для меня неявная типизация JS - просто ужас! Появился конкретный кейс, код успешно...

145