data-binding - 带有选项绑定的淘汰赛集自定义属性

Question

我有一个简单的选择多个选项绑定，如下所示：

<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>

是否可以告诉敲除在绑定中设置属性数据值，您将如何做到这一点？

Answer 1

除了使用options绑定之外，您还可以使用foreach. 在这种情况下，您可以将任何属性分配给选项元素：

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