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

Question

[Иван Конкин]

Что мне надо: сделать выпадающий список с выбором одного значения в заданном диапазоне лет.
Цикл 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>

Comments

[kulaeff]

Я в замешательстве.

[Ярослав Иванов]

А зачем вы скрип пишете отдельным тегом и вкладываете его в селект ?))))

Answer 1

[Сергей delphinpro]

<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

Comments

[Ярослав Иванов]

Чет много кода))

Answer 2

[Ярослав Иванов]

<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/

Comments

[Сергей delphinpro]

чет много кода =)

(Array.from(Array(2010-1920).keys(),x=>x+1920))
  .forEach(i=>document.getElementById('app').innerHTML+="<option>" + i + "</option>");

https://jsfiddle.net/a77bhkLf/

[Immortal_pony]

Пфф :) https://jsfiddle.net/a77bhkLf/3/

for(i=1920;i<=2010;i++)document.getElementById('app').innerHTML+='<option>'+i+'</option>'

[Ярослав Иванов]

Сергей, Immortal_pony,

(y=>y(f=>n=>n<2010?document.getElementById("app").innerHTML="<option>"+n+f(n+1):n)(1920))(le=>(f=>f(f))(f=>le(x=>(f(f))(x)))
);

или

(function f(n){return n<2010?document.getElementById("app").innerHTML="<option>"+n+f(n+1):n})(1920)

[Immortal_pony]

Ярослав Иванов, старый добрый for все равно получился короче :)

[Сергей delphinpro]

Ярослав Иванов, ну ты бы еще через uglify прогнал )

[Ярослав Иванов]

Сергей, а там особо ничего не поменяется))

[Ярослав Иванов]

for(i=1920;i<=2010;i++)document.getElementById('app').innerHTML+='<option>'+i

Меньше уже некуда ))

[Ярослав Иванов]

Иван Конкин а моё решение чем плохо ?

[Сергей delphinpro]

Ярослав Иванов, Да брось, я победил *смайлик из скайпа (flex)* :D