根据视图模型中的值自动选择下拉菜单

Question

如何根据视图模型中的另一个属性在下拉列表中自动选择一个选项。下拉有它自己的数组作为源。我如何使用敲除（3.0）或 Jquery 来做到这一点。

<tbody id"formOne" data-bind="foreach:{ data: viewModel.EmployeeDetails}">
    <tr>
        <td>
            <input type="text" id="txtName" data-bind="value: Name" />
        </td>
        <td>
            <select id="ddGender"
                    data-bind="options: viewModel.Genders,
                               optionsText: 'GenderText',
                               optionsValue: 'GenderId',
                               optionsCaption : 'Select..'"></select>
        </td>
    </tr>
</tbody>
<script>
    var Employee = function (Name, id) {
        this.Name = Name;
        this.GenderId = id;
    };
    var Gender = function (GenderName, id) {
        this.GenderText = GenderName;
        this.GenderId = id;
    }
    function EmployeeViewModel() {
        EmployeeDetails: ko.observableArray([
            new Employee("A", 1),
            new Employee("B", 2),
            new Employee("C", 1)
        ])
        Genders: ko.observableArray([
            new Gender("F", 1),
            new Gender("M", 2)
        ])
    }
    $(document).ready(function () {
        ko.applyBindings(new EmployeeViewModel());
    })
</script>

每个员工都会有一行，每行都有一个性别下拉菜单，并且应该根据员工的 GenderId 自动选择性别下拉菜单。

Answer 1

可以通过在下拉数据绑定中添加“value: GenderId”来完成。