Как отследить изменение textarea, которую меняет js, а не пользователь?

Question

[Дмитрий Баскаков]

Есть код:

$($('.modal-dialog'))
    .find('[name="id"]')
    .change(function (){
        console.log('oke')
        renderModalCompanies()
    })

Нужный селектор находится(проверял), однако на него не срабатывает change
Сам селектор выглядит так и его значение меняется:
<input type="hidden" name="id" id="id" value="">

Как мне связать изменения в инпуте и событие change?

Мне вот казалось, что все решается простым навешиванием события, и для инпутов, даже измененных через JS, все срабатывает. Но видимо, я не прав. А если прав, то скажите почему может быть ошибка

Comments

[GAS-ART]

Наверное надо в JS коде который вносит изменения в инпут отслеживать этот момент. Зачем пытаться его отдельно в другом коде ловить?

[Дмитрий Баскаков]

Артем, проект - большой монолит в котором все работает на магии эльфов, плюс не гоже плодить связи между разными компонентами.
В моем случае, есть виджет модалки и внутри модалки небольшой модуль для удобного отображения компаний. Так вот, сие модалка строится на пыхе и js, причем там крайне тесная связь и не стоит туда пихать ещё какой-то код.

Для ещё большего понимания: форма полностью строиться со стороны бека, а данный функционал лишь js, html, css - це zend всё.

Поэтому просто надо сделать именно вне того кода

Answer 1

[Сергей Соколов]

События сработают только от действий юзера через UI. При изменении значения value из кода, события не выстреливают.

1. Можно переназначить свойство value у нужного input'а, и в сеттере искуственно создавать событие при изменении значения. Код и идея отсюда.

2. Можно при изменении значения, в том же участке кода ещё и создавать событие на элементе.

Answer 2

[Mikhail Osher]

event.isTrusted