konkin_ivan
@konkin_ivan
Познаю Web!

JavaScript цикл for как вывести на экран все значения?

Что мне надо: сделать выпадающий список с выбором одного значения в заданном диапазоне лет.
Цикл for перебирает диапазон от 1920 года до 2010-го и если вывести результат на экран то получится один год 2010, как вывести список всех лет в выпадающем списке?
<script type="text/javascript" >
  for (i = 1920; i < 2010; i++) {
	
  }

  </script>
    <select name="Выбор" value="1">
    	<option id="vibor" value="auto">
    	<script type="text/javascript" >
    		document.getElementById('vibor').innerHTML = i;
    	</script>
    	</option>
    </select>
  • Вопрос задан
  • 869 просмотров
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
<div id="container"></div>

let select = document.createElement('select');

for (let i = 1920; i <= 2010; i++) {
  let option = document.createElement('option');
  option.value     = i;
  option.innerText = i;
  select.appendChild(option);
}

document.getElementById('container').appendChild(select);

Живой пример: https://jsfiddle.net/s07wfnxh/
Информация по теме: https://learn.javascript.ru/modifying-document
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
space2pacman
@space2pacman
Просто царь.
<select id="app"></select>

var app = document.getElementById("app");
for (var i = 1920; i < 2010; i++) {
  app.innerHTML = app.innerHTML + "<option>" + i + "</option>";
}

https://jsfiddle.net/space2pacman/214y5net/
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы