Using custom knockoutjs select binding with standard select bindings as well

Question

I am trying to combine custom knockoutjs binding with a standard binding. Although I have been able to find a related solution

ko.bindingHandlers.parentAreaComboBox = {

initialised: false,
init: function (element, valueAccessor, allBindingsAccessor, viewModel, context) {

    viewModel.parentAreas.subscribe(function (newParentAreas) {

        if (newParentAreas && newParentAreas.length > 0) {

            if (ko.bindingHandlers.parentAreaComboBox.initialised) {
                return;
            }
            ko.applyBindingsToNode(element, {
                options: viewModel.parentAreas,
                optionsCaption: 'Choose...',
                optionsText: 'Label',
                value: viewModel.selectedParentArea
            });
            $(element).chosen({});
            ko.bindingHandlers.parentAreaComboBox.initialised = true;
        }
    });
  }
};

but I am not able to make it work on mine . What am I doing wrong here?

Answer 1

Use the debugging console in your browser (press F12) and also the JSHint button in JSFiddle. Your VM constructor function is invalid. Once you fix that, you'll notice that you're trying to use subscribe on something that is not an observable.