Как имитировать событие в select?

Question

[Владимир]

Друзья, помогите. Не могу допетрить (не силен в JavaScript).
Есть select:

<select name="month" id="month">
		<option value="null">Выберите месяц</option>
		<option value="Январь">Январь</option>
		<option value="Февраль">Февраль</option>
		<option value="Март">Март</option>
		<option value="Апрель">Апрель</option>
		<option value="Май">Май</option>
		<option value="Июнь">Июнь</option>
		<option value="Июль">Июль</option>
		<option value="Август">Август</option>
		<option value="Сентябрь">Сентябрь</option>
		<option value="Октябрь">Октябрь</option>
		<option value="Ноябрь">Ноябрь</option>
		<option value="Декабрь">Декабрь</option>
	</select>

Есть скрипт, который при загрузке страницы подставляет текущий месяц в текстовом формате в этот селект:

<script>
var months=[
 'Январь',
 'Февраль',
 'Март',
 'Апрель',
 'Май',
 'Июнь',
 'Июль',
 'Август',
 'Сентябрь',
 'Октябрь',
 'Ноябрь',
 'Декабрь',
];

var itsNow = new Date();
document.getElementById('month').value = months[ itsNow .getMonth() ];
</script>

Значение присваивается корректно. Дело в том, что при выборе значений селекта вручную, запускается другой скрипт (фильтрация по месяцу) и мне нужно как-бы имитировать ручной выбор (событие), чтобы срабатывал этот другой скрипт при загрузке страницы.

Answer 1

[MrColdCoffee]

document.getElementById('month').dispatchEvent(new Event('change'));

Comments

[Владимир]

Спасибо. Но, увы, не работает...
Попробовал еще такой вариант - тоже не работает.

...
var itsNow = new Date();
let event = new Event("change");
document.getElementById('month').value = months[ itsNow .getMonth() ];
month.dispatchEvent(event);

[MrColdCoffee]

Владимир, можно ещё попробовать задать option selected или click событие

[Владимир]

Еще раз спасибо. Ваш вариант вполне рабочий. Я разобрался - там при загрузке страницы принудительно вызывалась другая функция (фильтр по году) пока не выбрано что-то другое.

Answer 2

[Rsa97]

https://developer.mozilla.org/en-US/docs/Web/Event...