Как в select автоматически выбрать option текущего месяца из списка месяцев?

Question

Например если сейчас месяц июнь, то как сделать чтобы в select сразу был выбран июнь?

    var Month;
Data = new Date();
Month = Data.getMonth();

if (Month==5) {
  
}

    <SELECT>
<OPTION value=1>Январь
<OPTION value=2>Февраль
<OPTION value=3>Март
<OPTION value=4>Апрель
<OPTION value=5>Май
<OPTION value=6>Июнь
<OPTION value=7>Июль
<OPTION value=8>Август
<OPTION value=9>Сентябрь
<OPTION value=10>Октябрь
<OPTION value=11>Ноябрь
<OPTION value=12>Декабрь</OPTION>
</SELECT>

Answer 1

Легко и просто, берём текущий месяц, добавляем + 1 т.к. у вас в атрибутах value, числа начинают отсчитываться с цифры 1, селектим этот селектор через document.querySelector и выбираем атрибут через setAttribute

document.querySelector(`option[value="${new Date().getMonth()+1}"]`)
    .setAttribute('selected', 'true')

<SELECT>
<OPTION value=1>Январь</OPTION>
<OPTION value=2>Февраль</OPTION>
<OPTION value=3>Март</OPTION>
<OPTION value=4>Апрель</OPTION>
<OPTION value=5>Май</OPTION>
<OPTION value=6>Июнь</OPTION>
<OPTION value=7>Июль</OPTION>
<OPTION value=8>Август</OPTION>
<OPTION value=9>Сентябрь</OPTION>
<OPTION value=10>Октябрь</OPTION>
<OPTION value=11>Ноябрь</OPTION>
<OPTION value=12>Декабрь</OPTION>
</SELECT>

По рекомендации @AlexeyTen:

document.querySelector('select').selectedIndex = new Date().getMonth()

<SELECT>
<OPTION value=1>Январь</OPTION>
<OPTION value=2>Февраль</OPTION>
<OPTION value=3>Март</OPTION>
<OPTION value=4>Апрель</OPTION>
<OPTION value=5>Май</OPTION>
<OPTION value=6>Июнь</OPTION>
<OPTION value=7>Июль</OPTION>
<OPTION value=8>Август</OPTION>
<OPTION value=9>Сентябрь</OPTION>
<OPTION value=10>Октябрь</OPTION>
<OPTION value=11>Ноябрь</OPTION>
<OPTION value=12>Декабрь</OPTION>
</SELECT>

Answer 2

Гораздо проще сделать так:

let date = new Date();
document.querySelector('select').value = date.getMonth() + 1;

date.getMonth() + 1 делаем потому что нумерация месяцев начинается с 0, а у Вас в списке с 1, в связи с чем, предыдущий месяц будет будет отображаться как текущий.

БЛОГ НА HUSL

Как в select автоматически выбрать option текущего месяца из списка месяцев?

Ответы (2 шт):

По рекомендации @AlexeyTen: