Автовыбор выпадающего в зависимости от значения из viewmodel

Question

как автоматически выбрать опцию в раскрывающемся списке на основе другого свойства из модели представления. выпадающий имеет свой собственный массив в качестве источника. Как мне это сделать, используя knockout (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» для раскрытия привязки данных.