Question

I have an input

<input type="text" name="Name" id="Name" data-bind="value: Name" style="display: none;" >

and a View Model:

name  : ko.observable()

The name value is added to the input when I click a link in another control.

But the ‘change’ event is not firing.

How can I get the value of the input to change?

Answer 1

Perhaps, you can replace the change event by subscribing to changes of the observable (with the same effect).

<input type="text" name="Name" id="Name" data-bind="value: name" style="display: none;">

var Model = function() {
  var self = this;
  this.name = ko.observable();  
  this.name.subscribe(function () {
        alert(self.name());                
  });
};
ko.applyBindings(new Model());