javascript - 淘汰虚拟元素不适用于 Internet Explorer

Question

如果您在 Chrome 中运行此 Fiddle，选择框会正确填充选项 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);

Answer 1

这可能是 Internet Explorer 的限制。

options使用绑定来填充元素，而不是虚拟<select>元素：

<select id="type" name="type"
    data-bind="options: types, optionsText: 'desc', optionsValue: 'id', optionsCaption: '-- Choose --'">
</select>

文档： http: //knockoutjs.com/documentation/options-binding.html