knockout.js - 选择第一个下拉菜单，必须显示相关下拉菜单

Question

    var ViewModel = function () {
    var self = this;
    self.categories = ko.observableArray([
    {
    "name": "10th", "subcategories": [
    { "name": "SSC" },
    { "name": "CBSE" }
    ]
    },
    {
    "name": "12th", "subcategories": [{
    "name": "MPC"
    }, { "name": "BPC" }]
    }
    ]);
    self.selected_category = ko.observable();
    self.selected_sub_category = ko.observable();
    }
    ko.applyBindings(new ViewModel());

我正在选择第一个下拉菜单，它有 2 个值，如 SSC 和 12th，因此必须根据第一行中的第一个下拉菜单显示第二个下拉菜单。当我单击添加按钮时，第一个下拉菜单绑定正确，但第二个下拉菜单的值为在第一行中选择。我需要第二个下拉列表来绑定取决于其他选择的值，例如我选择了第 12 行的第二行，所以第二个下拉列表应该有“MPC”和“BPC”作为它的值而不是“SSC”和“CBSE”