Задать вопрос
@tgarl
javascript

Как задать тригер onchange при изменении value?

есть скрипт кастомного селекта, который меняет содержимое скрытого инпута

let input = select.querySelector(".select-input");
...
input.value = option.dataset.val;


есть отдельный скрипт в котором нужно поймать изменение значения
как к изменению input.value добавить тригер change?
  • Вопрос задан
  • 30 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
@mscmls
Через dispatchEvent?

<body>
        <select>
            <option>1</option>
            <option>2</option>
        </select>
        <input class="select-input" type="hidden"/>
        <script>
            const select = document.querySelector('select')
            const hiddenInput = document.querySelector('.select-input')
            const hiddenInputEvent = new InputEvent('change')
            select?.addEventListener('change', e => {
                hiddenInput.value = e.target.value
                hiddenInput.dispatchEvent(hiddenInputEvent)
            })
            hiddenInput?.addEventListener('change', e => {
                console.log(hiddenInput.value)
            })
        </script>
    </body>


Либо напрямую через пропсы, как вариант
const select = document.querySelector('select')
            const hiddenInput = document.querySelector('.select-input')
            if(select && hiddenInput){
                    select.onchange = (e) => {
                        hiddenInput.value = e.target.value
                        hiddenInput.onchange?.()
                    }
                    hiddenInput.onchange = (e) => {
                        console.log(hiddenInput.value)
                    }
                }
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Frontend-разработчик JavaScript
div. • Ставрополь
от 40 000 до 90 000 ₽
Fullstack разработчик JavaScript, php
Дорстрой-36 • Воронеж
от 100 000 до 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Бот для публикации постов в каналах, скрипты для телеграмм
27 нояб. 2024, в 19:28
20000 руб./за проект
Консультация по AirFlow
27 нояб. 2024, в 19:08
1500 руб./в час
Настройка Pycharm
27 нояб. 2024, в 18:19
2000 руб./за проект
Ещё заказы