Knockout - 設置選擇的初始值

Question

我的代碼中選定值的跨度似乎並未填充到最初。誰能告訴我爲什麼這是？

小提琴：http://jsfiddle.net/vVLdQ/

我的HTML：

<div> 
Disable: 
<span data-bind="text: options[1].text"></span><input type="checkbox" data-bind="checked: options[1].disable" /> 
<span data-bind="text: options[2].text"></span><input type="checkbox" data-bind="checked: options[2].disable" /> 
<span data-bind="text: options[3].text"></span><input type="checkbox" data-bind="checked: options[3].disable" /> 
</div> 
<div> 
<select data-bind="value: selectedValue"> 
<option data-bind="value: options[0].text, text: options[0].text"></option> 
<option data-bind="value: options[1].text, text: options[1].text, disable: options[1].disable"></option> 
<option data-bind="value: options[2].text, text: options[2].text, disable: options[2].disable"></option> 
<option data-bind="value: options[3].text, text: options[3].text, disable: options[3].disable"></option> 
</select> 
</div> 
<span data-bind="text: selectedValue"></span> 

我的javascript：

var selectModel; 

function OptionModel(text) { 
    var me = this; 
    me.text = text; 
    me.disable = ko.observable(false); 
    me.disable.subscribe(function(disableVal) { 
     if (disableVal && selectModel.selectedValue() == me.text) { 
      selectModel.selectedValue('-- Select --'); 
     } 
    }); 
} 
var options = [ 
    new OptionModel('-- Select --'), 
    new OptionModel('a'), 
    new OptionModel('b'), 
    new OptionModel('c') 
    ]; 
selectModel = { 
    options: options, 
    selectedValue: ko.observable(options[0].text) 
}; 
ko.applyBindings(selectModel);​ 

Answer 1

編輯：如nemesv在評論中說：「select data-bind="value: selectedValue"結合運行時，有尚未填充任何選項值，它將selectedValue重置爲null「。

從另一個StackOverflow的問題here，我想出了這個：

<select data-bind="foreach: options, value: selectedValue"> 
    <option data-bind="text: text, value: text, disable: disable"></option> 
</select> 

我也是在複選框周圍改變了一些事情，以及以使其更具可讀性。完整的例子見fiddle。