Изменить значение value input с помошью Jquery?

Question

[Monitorkin]

Есть элемент:
<input value="" type="text" class="form-control">
При клике находим этот элемент с помощью jquery (input) и выполняем код:
input.val('test');
или
input.attr('value', 'test');
значение value присваивается что видно в консоли браузера, но в самом браузере значение не видно (!), поле как было пустым так и остается, ничего не помогает.
Как сделать присвоенное значение видимым?

Comments

[Noder SS]

Может . html?

[Вадим]

демку на codepen или полный код соответствующий вопросу хотя бы, потому что это: input.val('test'); рабочий код если в input действительно лежит нужный инпут.

[Monitorkin]

Noder SS, не помогает, пробовал..

[Monitorkin]

Вадим, 100% input тот что нужен. проверял не однократно.. я так понял что это какая-то заморочка с DOM-деревом, гдето прочитал что value input и то что отображается из дерева DOM это не одно и то же, но как обойти не понятно...

[Noder SS]

Monitorkin, А вы же учли, что инпут нужно указывать как $(".form-control").val("текст")? Просто на примере написано как input. И лучше залейте на кодепен

[Monitorkin]

Noder SS, конечно

[dpyxa]

Monitorkin, Не переопределяется ли переменная с input'ом до установки коллбека ?
Как вариант попробуйте другую версию jquery

Должно работать через attr и val
https://codepen.io/AndrewKey/pen/dyqZWBe

Если пришлете демку с проблемой, то решить её будет гораздо проще

[Monitorkin]

Всем спасибо!!! Без вас совсем запутался.... Помогли отыскать ошибку, натолкнули на размышления и помогло!!! Ошибка у меня в коде, так что сам дурак)) Последовательно выполнялось два кода, второй затирал значение!

Answer 1

[Надим]

Попробуйте так:

input.val('test')[0].dispatchEvent(new InputEvent('input', { bubbles: true }));
input[0].dispatchEvent(new InputEvent('change', { bubbles: true }));

Comments

[Monitorkin]

пробовал....

[Надим]

Monitorkin, завтра отпишу вам еще один вариант, сейчас не у компа.

[Надим]

Monitorkin, изменил свой ответ, пробуйте.

[Nimaq]

Спасибо добрый человек! мне в итоге помог именно InputEvent('change').
Искал решение проблемы, когда в input значение меняется кнопками +/- но не передается дальше (для калькулятора).
Пробовал через симуляуцию нажатия кнопки ввода в инпуте, но безуспешно. а тут добавил строчку после (input.val +1) и все получилось.