Knockoutjs單個陣列的多個下拉菜單

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" } 
];

我想顯示兩個下拉列表，其中第一個下拉列表顯示所有紐約城市，第二個下拉列表顯示加州城市列表。有人可以請一些光沒有如何在knockoutjs完成它？「dropdownData」列表是動態的，所以如果有更多的狀態被添加到列表中，下拉應該是動態生成的。Knockoutjs單個陣列的多個下拉菜單

任何幫助，非常感謝！

謝謝！

來源

2012-04-25 Sensbile Dude

您可以添加兩個dependentObservables，它們返回數組的過濾視圖（無論如何您都應該將其轉換爲observableArray）。其中一個就是狀態的唯一值（您可以使用ko.utils.arrayGetDistinctValues進行此操作），另一個將是與選定狀態相對應的城市（使用ko.utils.arrayFilter）。請參閱here以幫助您入門。

來源

2012-04-25 20:49:56

謝謝馬特！實際上，我使用靜態列表工作，因爲列表是動態的，我只想爲列表中的每個狀態下拉列表。感謝您的意見，這當然有幫助！ – 2012-04-25 20:56:44

Knockoutjs單個陣列的多個下拉菜單

回答

相關問題