knockout.js - 使用 Knockout 绑定依赖项选择列表，其中第一个下拉列表是动态填充的

Question

<select data-bind="options: $parent.Data().filter(function(item){             
            return item.Name()==$data;
        }),optionsText: 'FieldName' "></select>

我有我的第一个选择列表，如上所示

Data 是映射到 JSON 的对象。上述 observable 有一个计算函数，用于获取 modeoftransport 的不同菜单项。

我应该如何进行第二个选择列表以将状态 CA、NC、AZ 显示为列表项，一旦用户将 FieldName 选择为 ABCD，就会填充这些状态。

返回的 JSON 是这样的

字段名称：ABCD AllowedStates：CA、NC、AZ 传输模式：Air

字段名称：EFGH AllowedStates：OH、NC、MO、PA 运输模式：道路

Answer 1

您可以查看购物车编辑器示例。它实现了级联下拉菜单。

http://knockoutjs.com/examples/cartEditor.html