将默认选择选项设置为列表中的第一个项目

Question

使用淘汰示例页面上的knockout cart demo，是否有人知道如何更改它以便“产品”选择始终默认为选择框中的第一个产品？

Answer 1

使用options绑定时，也会识别其他绑定。在提供的示例中，optionsText是一个绑定，用于确定每个对象的哪个属性将显示为文本。示例中使用的另一个属性是optionsCaption。此绑定设置在未选择任何内容时为选择框显示的初始文本。

如果要更改它以使选择框以列表中的第一个值开头，只需删除optionsCaption绑定即可。假设没有设置绑定到value绑定的observable，它将默认为数组中的第一个项。

改变这个：

<select data-bind="options: sampleProductCategories,
                   optionsText: 'name',
                   optionsCaption: 'Select...',
                   value: category"></select>

到此：

<select data-bind="options: sampleProductCategories,
                   optionsText: 'name',
                   value: category"></select>