javascript - knockout : Populate dropdown

Question

我有以下带有选择多个属性的下拉菜单，我需要将它们转换为普通下拉菜单，保持其功能:

从此:

对此:

以下是带有绑定(bind)的选择下拉列表:

<select data-bind="click: $root.divisionddupdate, foreach: Products, updateDDPlugin: true" id="divisiondd" multiple="multiple" >
    <option data-bind="value: ID, text: Name"></option>
</select
<select data-bind="click: $root.companiesddupdate, foreach: Partners, updateDDPlugin: true" id="companiesdd" multiple="multiple">
    <option data-bind="value: ID, text: Name"></option>
</select>

下拉列表最初是从 foreach 填充的，单击一个选项后，另一个下拉列表也会相应填充。

我删除了“多个”属性，但是:

问:如何修改我的代码，以便我可以将第一个选项设置为“选择”(即使在更新后)，并且其他下拉列表中的选项可以在选项更改时更新，而不是在选项单击时更新？

Answer 1

使用options绑定(bind)，这就是它的用途。请务必设置 optionsCaption、optionsText 和 optionsValue 以及 value 绑定(bind)。

它将呈现为带有初始 Select 选项集的选择下拉列表，并将显示每个产品的 Name 属性。它将使用 ID 属性设置为所选值 SelectedProduct。

<select data-bind="options: Products,
                   optionsCaption: 'Select',
                   optionsText: 'Name',
                   optionsValue: 'ID',
                   value: SelectedProduct">
</select>
<select data-bind="options: Partners,
                   optionsCaption: 'Select',
                   optionsText: 'Name',
                   optionsValue: 'ID'
                   value: SelectedPartner">
</select>

如果您需要级联下拉列表，请使您的 Partners 依赖于 SelectedProduct 并通过 dependent (computed) observable 过滤您的选项。 .