Knockout.js bound input value not updated when I use jquery .val('xyz')

Question

I have an input that has a knockout binding to the value.

When I update the value using jquery's .val() method, the changed value is not reflected in the viewModel.

I need to use jQuery to set this value. How can I trigger the update to the viewModel?

score 145 · Accepted Answer · edited Nov 12 '14 at 23:47

145

.val() does not trigger the change event. So, you can just do .val("blah").change() for KO to pick up the changes.

edited Nov 12 '14 at 23:47

Josh Crozier

answered Aug 11 '11 at 00:41

RP Niemeyer

3

What if you don't have control on that `val()`? Is there a way for jQuery to listen to `val()` on elements? – cherouvim Feb 14 '13 at 15:52
+1 I tried to figure out for a couple of hours why when I change a value with getElementById function my viewmodel was not updated. Thank you! – Samuel May 28 '13 at 15:26
1

But really letting knockout do all the dom manipulation is a better approach, imho. – Tom Nov 14 '14 at 12:51
Make sure you check you `data-bind` statement too. I had this bug before I realized it should be `data-bind="value:location"` and *NOT* `data-bind="value:location()"` – jmbmage Jan 30 '18 at 15:24
Thanks. This does the job for me. – DriLLFreAK100 Apr 24 '19 at 12:37
That info saved my 3 days. Thank you. – Atakan Savaş Jan 04 '22 at 14:37

1 Answers1