data-binding - 带有选项绑定(bind)的 knockout 集自定义属性

Question

我有一个简单的选择多个选项绑定(bind)，如下所示:

<select multiple="multiple" width="50" data-bind="options: propositions, optionsText: function(item){ return item.name }, optionsValue: function(item) { return item.name }"></select>

这可以在选项项目的 value 属性上设置 item.name，如下所示:

<option value=" item.name value here ... "> item.name also here </option>

我想要的是设置一个这样的自定义属性:

<option value=" item.name " data-value = " item.name "> item.name also here </option>

是否可以告诉 knockout 设置属性 数据值在装订中，你会怎么做？

Answer 1

不使用 options绑定(bind)你可以使用foreach .在这种情况下，您可以将任何属性分配给选项元素:

<select multiple="multiple" width="50" data-bind="foreach: propositions">
   <option data-bind="value: name, attr: {'data-value': name}"></option>
</select>