Knockout.js 未填充敲除多LPE数组

Knockout.js 未填充敲除多LPE数组,knockout.js,Knockout.js,我试图学习击倒,但第一次考试就被冷落了。 在下面的示例中,第二个select从不填充。 我可以用同样的结果改变它们。 我目前正在阅读文档,并搜索了一些没有解析的站点。 我肯定遗漏了什么,下面是我的问题的一个简单例子 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="../knockout.js"></script> <script type="te

我试图学习击倒,但第一次考试就被冷落了。 在下面的示例中,第二个select从不填充。 我可以用同样的结果改变它们。 我目前正在阅读文档,并搜索了一些没有解析的站点。 我肯定遗漏了什么,下面是我的问题的一个简单例子

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="../knockout.js"></script> 
<script type="text/javascript" src="../jquery.js"></script>
</head>

<body>
<select data-bind="options: letters, value: letter, optionsText: 'letter'"></select>
<select data-bind="options: numbers, value: number, optionsText: 'number'"></select>  

<script type="text/javascript">

function testViewModel() {

var self = this;
self.letters = [
    { letter: "A" }, { letter: "B"}, { letter: "C"}, { letter: "D" }, { letter: "E"}, 
    { letter: "F"}, { letter: "G"}];

self.numbers =  [
    { number: "1" }, { number: "2"}, { number: "3"}, { number: "4" }, { number: "5"}, 
    { number: "6"}, { number: "7"}];

}

$(document).ready(function(){
ko.applyBindings(new testViewModel());
});

</script>
</body>

</html>

函数testViewModel(){
var self=这个;
self.letters=[
{字母:“A”},{字母:“B”},{字母:“C”},{字母:“D”},{字母:“E”},
{字母:“F”},{字母:“G”}];
self.number=[
{number:“1”},{number:“2”},{number:“3”},{number:“4”},{number:“5”},
{编号:“6”},{编号:“7”}];
}
$(文档).ready(函数(){
applyBindings(新的testViewModel());
});

选项文本
设置类似,
设置需要属性名称,因此必须用引号括起来。试试这个:

<select data-bind="options: letters, value: 'letter', optionsText: 'letter'"></select>
<select data-bind="options: numbers, value: 'number', optionsText: 'number'"></select>  

真管用!谢谢你的时间和努力!仍然不确定它为什么填充了第一个,是否应该填充任何内容?