knockout.js - ko データバインドごとにドロップダウン リストを配置します。

Question

Shall I get any sample to place the Dropdown List in for each of ko databind.something like give below


<div data-bind="foreach:valuelist>
<select data-bind ="options :valuelist value =selecteditem></select>
</div>

このようなサンプルはありますか？

Answer 1

jsFiddle でいくつかの例を作成しました。ここをクリックして例を表示してください。 1. たとえば、名前の値を持つ observableArray を作成します


。

self.values = ko.observableArray([ "Item 1", "Item 2", "Item 3", "Item 4"]);

2. 次のような html を追加します。

<div data-bind="template: { name: 'myTemplate', foreach: values}">
</div>

<script id="myTemplate" type="text/html">
  <select data-bind="options: $root.values, optionsCaption: 'Choose..'"></select>
</script>

それがあなたを助けることを願っています。