knockout.js - 如何将一个简单的 json 对象绑定到淘汰赛中的下拉列表？

Question

我有一个简单的 json 对象：

“{"MediaType":1,"Country":2,"Region":3,"SubRegion":4}"

我想将它绑定到一个下拉列表，以便生成的 html 如下所示。我不知道如何做到这一点，因为 JSON 代表不同的名称和值，或者更好地说它是键值对的表示。

<option value="1">Media Type</option>
<option value="2">Country</option>
<option value="3">Region</option>
<option value="4">Sub Region</option>

Answer 1

您可以将 JSON 键/值对转换为具有标准化属性（例如名称和值）的标准 JS 对象数组。

//this is property that gets passed to the `options` binding
this.items = ko.observableArray();  

//convert json key/value pair into a standardized object array
for (key in jsonResult) {
    var item = {
        name: key,         // Push the key on the array
        value: jsonResult[key] // Push the key's value on the array
    };
    this.items.push(item);
}

见小提琴