Почем не отслеживается изменение input?

Question

[Ankozar]

Код:

//(1)
$('.chosenRegion_span').click((e)=>{
$("#inputRegion").val(e.target.innerHTML);
});

//(2)
$("#inputRegion").change(()=>{
    let region = $("#inputRegion").val();
    console.log(region);
});

Проблема в том, что функция (2) ловит изменения input только тогда, когда я печатаю текст в поле. Когда же содержимое поля изменяется функцией (1), функция (2) изменение не фиксирует.

Вопрос: почему? И как решить?

addEvLis на чистом js проблему не решает.

Answer 1

[v3shin]

$("#inputRegion").val(e.target.innerHTML).change();

Comments

[Ankozar]

офигеть.

Bind an event handler to the "change" JavaScript event, or trigger that event on an element.

Действительно... Учим англицкий, блэт. И учимся внимательно читать доки.

Answer 2

[Simkav]

change Внизу есть заметка с желтым фоном

Comments

[Ankozar]

Понял. А стандартное решение есть?

[sinneren]

Ankozar, trigger('change')

[Simkav]

Ankozar, Не знаю какое стандартное, я бы сделал что-то такое

//(1)
$('.chosenRegion_span').click(e => {
  $('#inputRegion').val(e.target.innerHTML)
  test()
})

const test = () => {
  let region = $('#inputRegion').val()
  console.log(region)
}
//(2)
$('#inputRegion').change(test)

пс, в жквери не разбираюсь но думаю суть ясна

[Ankozar]

Simkav, ну да, не сложно. Я просто не хотел, чтобы эта переменная зависела от этого конкретного клика. Так придётся этот test пихать во все функции, которые могут input поменять. Я думал можно просто за input следить. Ну шо делать, если так.