javascript - 无法绑定(bind)JS中的选项数据

我想使用html + js显示“仅选择一个”组合框。

我想显示的是这样的：



但是现在我只得到一个空白的下拉列表，如下所示：



HTML代码：

<div style="width:200px;height:100%;float:left;padding-left: 0px">
    <oj-combobox-one id="en" aria-label="en Select" options="{{ens}}" value="{{selectedEn}}"render-mode="native" style="max-width:20em" >
  </oj-combobox-one>
</div>

JS代码：

self.ens = ko.observableArray([]);
self.selectedEn = ko.observable("a"); //Default to show
var en = ["a","b","c"];
self.ens(en);

您能帮忙找出问题所在吗？提前致谢。

最佳答案

查看文档的this page。每个选项都需要实际的value（由JS文件使用）以及label（这是用户在屏幕上看到的）。

因此，您需要将变量en更改为：

var en = [{value: 'a', label: 'a'},
          {value: 'b', label: 'b'},
          {value: 'c', label: 'c'}];

关于javascript - 无法绑定(bind)JS中的选项数据，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47259650/