Knockout.js Knockoutjs单个数组中的多个下拉列表

Knockout.js Knockoutjs单个数组中的多个下拉列表,knockout.js,Knockout.js,我想显示两个下拉列表,第一个下拉列表显示所有纽约城市,第二个下拉列表显示加利福尼亚城市。有人能告诉我如何在淘汰赛中完成它吗?“dropdownData”列表是动态的,因此如果列表中添加了其他状态,则应该动态生成下拉列表 非常感谢您的帮助 谢谢 您可以添加两个dependentobservable,它们返回数组的过滤视图(无论如何,您应该将其转换为observableArray)。一个是州的唯一值(可以使用ko.utils.ArrayGetDistinctValue),另一个是与所选州相对应的城市

我想显示两个下拉列表,第一个下拉列表显示所有纽约城市,第二个下拉列表显示加利福尼亚城市。有人能告诉我如何在淘汰赛中完成它吗?“dropdownData”列表是动态的,因此如果列表中添加了其他状态,则应该动态生成下拉列表

非常感谢您的帮助


谢谢

您可以添加两个dependentobservable,它们返回数组的过滤视图(无论如何,您应该将其转换为observableArray)。一个是州的唯一值(可以使用ko.utils.ArrayGetDistinctValue),另一个是与所选州相对应的城市(使用ko.utils.arrayFilter)。开始吧。

谢谢Matt!实际上,我使用静态列表,因为列表是动态的,我只需要数组中每个状态的下拉列表。谢谢你的意见,这当然有帮助!
var dropdownData = [
   {City: "New York City", State:"New York" },
   {City: "Albany", State:"New York" },
   {City: "Bufflo", State:"New York" },
   {City: "Rochester", State:"New York" },
   {City: "San Francisco", State:"California" },
   {City: "Los Angeles", State:"California" },
   {City: "San Diego", State:"California" }
];