Как сделать выпадающий список в html для выбора года рождения?

Question

[Иван Медведев]

Есть задача, казалось бы простая - создать в форме выпадающий список с выбором года рождения.

Мне кажется, глупо внутри select создавать множество option с набором годов, например: от 1920 до нынешнего времени.

Есть ли в JS или Jquery способ сделать это более правильно и используя меньше строчек кода?

Answer 1

[Тигран Абрамян]

Зачем руками прописывать от 1920 до 2020 годы, если можно циклом пробежаться и вывести?
<select id="year"></select>

for (let year = 1920; year <= 2020; year++) {
  let options = document.createElement("OPTION");
  document.getElementById("year").appendChild(options).innerHTML = year;
}

Comments

[Иван Медведев]

Спасибо большое! Ваше решение мне понравилось больше других и уже работает!)

[Александр]

Иван Медведев, Только элемент вы будете из DOM'а брать 101 раз, очень удобно.

[Иван Медведев]

Александр, что вы имеете ввиду?

[Александр]

Иван Медведев, document.getElementById("year") лучше заранее сохранить.

Answer 2

[Valentyn]

Для выбора даты дня рождения Вам подойдет datepicker (https://jqueryui.com/datepicker/) с опциями:
- changeYear: true,
- changeMonth: true

Answer 3

[Владислав Токарев]

const select = document.querySelector('select')
let inner = ''

for (let i = 1920; i <= 2020; i++) {
    inner += `<option>${i}</option>`
}

select.innerHTML = inner

Answer 4

[Gravemann]

Я, наверное, припозднился с ответом

Но для новичков, думаю, такой вариант будет более понятен

<select id="year"><br>
	<option value="">year</option>
	<script>
		let y = 1969
		while(y<2025)
		{
			y++
			document.getElementById('year').innerHTML += '<option>'+y+'</option>'
		}
	</script>
</select>