knockout.js - デフォルトの選択オプションをリストの最初の項目に設定します

Question

ノックアウトの例のページでノックアウト カートのデモを使用して、「製品」の選択が常に選択ボックスの最初の製品にデフォルト設定されるように変更する方法を知っている人はいますか?

Answer 1

バインディングを使用するoptionsと、他のバインディングも認識されます。提供されている例でoptionsTextは、各オブジェクトのどのプロパティがテキストとして表示されるかを決定するバインディングがあります。この例で使用されているもう 1 つのプロパティは、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>