設置默認選擇的選項是在列表

Question

使用淘汰賽例子頁面上knockout cart demo的第一個項目，沒有人知道如何去改變它，使「產品」選擇在選擇框始終默認爲第一款產品？

Answer 1

當使用options綁定時，其他綁定也被識別。在提供的示例中，optionsText是一個確定每個對象的哪個屬性將顯示爲文本的綁定。示例中使用的其他屬性是optionsCaption。這個綁定設置了當沒有選擇任何東西時顯示的選擇框的初始文本。

如果您想要更改它，以便選擇框以列表中的第一個值開始，請刪除optionsCaption綁定。假設綁定到value綁定的可見性未設置，它將默認爲數組中的第一項。

改變這一點：

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

這樣：

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