Javascript 淘汰选择选项和依赖项

我有一个选择列表，我想根据选择更改不同div的可见性

<table>
    <tbody data-bind="foreach: conditions">
        <tr>
            <td>
                <select data-bind="options: $parent.conditionTypes, optionsText: 'name', optionsValue: 'id', value: type"></select>
            </td>
            <td>
                <div data-bind="visible: $parent.isGroupCondition($data)">
                    Group list
                </div>
                <div data-bind="visible: $parent.isTagCondition($data)">
                    Tag list
                </div>
            </td>
            <td>
                <select data-bind="options: $parent.conditionOperations, optionsText: 'name', optionsValue: 'id', value: operation"></select>
            </td>
            <td>
                <input type="text" data-bind="attr: {value: value}" />
            </td>
            <td>
                <a href="#" data-bind="click: $parent.removeCondition.bind($parent)">remove</a>
            </td>
        </tr>
    </tbody>
</table>

组列表
标签列表

我尝试使用事件绑定“event:{change:$parent.conditionTypeChanged}”，但我不确定如何触发div的绑定

非常感谢您的帮助

---

编辑：

您只需在

条件中的项目中输入
属性

conditions: ko.observableArray([{type: ko.observable(1), operation: 1, value: 'test'}]),

并在您的
isGroupCondition
和
isTagCondition
函数中使用可观察值：

isGroupCondition: function (condition) {
    return condition.type() === 2;
},
isTagCondition: function (condition) {
    return condition.type() === 1;
},

因为您的
类型
现在是一个可观察的淘汰，所以您将注意更新可见性绑定并隐藏/显示您的div

演示。
谢谢！；）在我看到你的答案之前，我才意识到这一点