How is it possible to debug a select value using knockoutjs? My attempt to use data-bind="change: function(){debugger} does not seem to be working.
<p data-bind="visible: $data[$item.settings.name]['navigation_type']() == 0" >
Link to Screen:<br/><select name="screen" data-bind="change: function(){debugger}, options: $item.element().screen.flow.navigable_screens, optionsText: function(item) { return item.attributes.name();}, optionsValue: 'permanent_id', value: $data[$item.settings.name].permanent_id"></select>
</p>
Unfortunately knockout doesn’t work the way you appear to try to be using it. I’m assuming from this bit of code:
data-bind="change:you are trying to bind to the jquery change event? If so, take a look at how select lists work here:http://knockoutjs.com/documentation/selectedOptions-binding.html
and here:
http://knockoutjs.com/examples/simpleList.html
Knockout is much more elegant than jQuery, but follows the MVVM pattern instead of using jQuery events. I would suggest getting a highlevel understanding of the MVVM pattern, along with working through all the tutorials at http://learn.knockoutjs.com/