7

私は以下のようなオプションバインディングを備えた単純な複数選択を持っています:

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

バインディングに属性data-valueを設定するようにノックアウトに指示することは可能ですか?それをどのように行いますか?

4

1 に答える 1

14

バインディングを使用する代わりに、 を使用optionsできますforeach。その場合、option 要素に任意の属性を割り当てることができます。

<select multiple="multiple" width="50" data-bind="foreach: propositions">
   <option data-bind="value: name, attr: {'data-value': name}"></option>
</select>
于 2013-02-07T16:58:25.380 に答える