この Fiddle を Chrome で実行すると、選択ボックスにオプション A、B、および C が正しく入力されます。ただし、Internet Explorer (バージョン 8 または 9) で実行すると、機能しません。このフィドルを Internet Explorer で動作するように修正するにはどうすればよいですか?
http://jsfiddle.net/jeljeljel/2tUmP/
HTML
<script type="text/html" id="template">
<select id="type" name="type">
<option value="">-- Choose --</option>
<!-- ko foreach: types -->
<option data-bind="text: $data.desc, attr: { value: $data.id }"></option>
<!-- /ko -->
</select>
</script>
<div id="placeholder" data-bind="template: { name: 'template' }"></div>
Javascript
function Model(){
var self = this;
self.types = ko.observable([]);
}
var model = new Model();
model.types().push({id: 0, desc:'A'});
model.types().push({id: 1, desc:'B'});
model.types().push({id: 2, desc:'C'});
ko.applyBindings(model);