使用Knockout.js填充下拉列表

我是Knockout.js新手，有人能告诉我如何使用Knockout.js填充b下拉列表吗。 我有两个下拉列表：员工和课程

<select id="Employee">
                    <option value="1" selected="selected">1</option>
                    <option value="2">2</option>

                </select>

<select id="Course">
                    <option value="Course1" selected="selected">Course1</option>
                    <option value="Course12">Course12</option>

                </select>

1.
2.
课程1
课程12

所以我的要求是，如果我选择员工“1”，那么我应该只能看到课程1。

---

如果我选择Employee“2”，我应该能够同时看到Course1和Course2。

如果没有关于视图模型的更多信息，很难回答，但这可能是您的javascript：

(function (myViewModel, $, undefined) {
    myViewModel.selectedEmployee = ko.observable(1);
    myViewModel.courses = ko.dependentObservable(function () {
        var result = ["Course1"];
        if (myViewModel.selectedEmployee() === '2') {
            result.push("Course2");
        }
        return result;
    });        
}(window.myViewModel = window.myViewModel || {}, jQuery));
ko.applyBindings(myViewModel);

然后是您的HTML：

<select id="Employee" data-bind="value: selectedEmployee">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
</select>

<select id="Course" data-bind="options: courses"></select>

1.
2.

如果没有关于视图模型的更多信息，很难回答，但这可能是您的javascript：

(function (myViewModel, $, undefined) {
    myViewModel.selectedEmployee = ko.observable(1);
    myViewModel.courses = ko.dependentObservable(function () {
        var result = ["Course1"];
        if (myViewModel.selectedEmployee() === '2') {
            result.push("Course2");
        }
        return result;
    });        
}(window.myViewModel = window.myViewModel || {}, jQuery));
ko.applyBindings(myViewModel);

然后是您的HTML：

<select id="Employee" data-bind="value: selectedEmployee">
    <option value="1" selected="selected">1</option>
    <option value="2">2</option>
</select>

<select id="Course" data-bind="options: courses"></select>

1.
2.