@BeatTimy
Web Developer

Как повесить обработчик на тэг select?

У меня есть функция, которая добавляет option во второе поле select в зависимости от выбранного значения в первом поле.
5c912e54a5090924959000.jpeg5c912e5ebf59d125823341.jpeg
firstSelect.addEventListener('change', function() {
    	secondSelect.options.length = 0;
    	inputField.value = '';
        if (event.target.value === 'text-field') {
        	addOption(secondSelect, 'Containing', 'containing', true);
            addOption(secondSelect, 'Exactly matching', 'exactly-matching', false);
            addOption(secondSelect, 'Begins with', 'begins-with', false);
            addOption(secondSelect, 'Ends with', 'ends-with', false);
            inputField.type = 'text';
        } else {
        	addOption(secondSelect, 'Equal', 'equal', true);
        	addOption(secondSelect, 'Greater than', 'greater-than', false);
        	addOption(secondSelect, 'Less than', 'less-than', false);
        	inputField.type = 'number';
        }
    });

eventListener реагирует на событие 'change', но этого события не происходит при загрузке страницы и второе поле остаётся пустым до момента выбора.
5c912eb28079b184955986.jpeg
Как можно реализовать проверку для рендера option, сразу при загрузке скрипта?
  • Вопрос задан
  • 617 просмотров
Пригласить эксперта
Ответы на вопрос 1
dollar
@dollar
Делай добро и бросай его в воду.
Безымянную функцию можно скопировать в другое место и дать ей имя.
Затем вы сможете использовать её как в событии onchange, так и в событии onload.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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