Моя задача: есть три раскрывающихся списка, мне нужно привязать данные к следующему раскрывающемуся списку при событии изменения первого раскрывающегося списка.

скрипт:
var array_BankNames = JSON.parse(@Html.Raw(ViewBag.Banks));
var Bank = function () {
var self = this;
self.BankName = ko.observableArray(array_BankNames);
self.SelectedBank = ko.observable();
self.BankLocation = ko.observableArray();
self.SelectedLocation = ko.observable();
self.BankBranch = ko.observableArray();
self.SelectedBranch = ko.observable();
self.SelectedBank.subscribe = function () {
alert("Hi");
$.ajax({
url: '@Url.Action("GetBankLocations_Data")',
data: { Bankname: selectedValue },
type: 'GET',
success: function (data) {
self.BankLocation(data);
}
});
}.bind(self);
};
var BanksModel = function () {
var self = this;
self.Banks = ko.observableArray([new Bank()]);
self.addBank = function () {
self.Banks.push(new Bank());
};
self.removeBank = function (Bank) {
self.Banks.remove(Bank);
};
};
ko.applyBindings(new BanksModel());
Html:
@Html.LabelFor(model => model.BankLocation, new { @class = "col-sm-3 col-md-4 control-label" })
@Html.LabelFor(model => model.BankBranch, new { @class = "col-sm-3 col-md-4 control-label" })
Подробнее здесь: https://stackoverflow.com/questions/292 ... pplication