knockout.js - foreach:$data 并更改 $data

Question

我有一个arrayList，例如 BallonColor = {red,Green} 所以我需要创建 2 次下拉框，如果我有 5 种颜色，那么我需要有 5 个下拉列表，其中所有 5 个项目作为所有下拉列表中的选项

如何在淘汰赛中实现

我尝试了以下代码..采用 foreach:$data （即每个项目）但是在更改下拉列表的值时，绑定的 $index 和 $data 没有改变

<div data-bind = "foreach:$data" class="row">
                <div class="col">  
                    <select id ="SELECT" data-bind="options:$parent, optionsText: 'AttributeName', optionsValue: 'Id', optionsCaption: 'Select Attribute...',value : SelectedAttribute"></select>
                    <div data-bind="template: { name: function() { return templateName($parent,$data,SelectedAttribute) } }"></div>
                    <div>
                        <span>with any of the following values:</span>
                    </div>
                    <div class="option">
                        <a href="#"  id = "List"   class="link">List</a> | <a href="#"  id= "Range" class="link">Range</a>
                    </div>
                </div>
            </div>

Answer 1

这个问题类似于我已经回答的这个问题（可能） 。
请看看这个，让我知道结果。

谢谢。