选择具有knockout的选项组绑定 - 不设置初始值

Question

下面是html定义。 knockout不绑定/选择初始值。 我必须明确地设置它。

if($cd.data.deptDiv) {
  $("#mySelection").val($cd.data.deptDiv);
} 

Not sure why?



<select id="mySelection" class="form-control" data-bind="value: deptDiv">
            <option value="">Select department or division...</option>                                   
            <optgroup label="Department" data-bind="foreach: $cd.departments">
                <option data-bind="text: name, value: id"></option>
            </optgroup>
            <optgroup label="Division" data-bind="foreach: $cd.divisions">
                <option data-bind="text: name, value: id"></option>
            </optgroup>
        </select>