HTML - 根据列表框选择设置列表项

Question

我的数据看起来大致如下：

[{
    "CountryName" : "Australia",
    "FinanceTypes" : [{
            "Name" : "Hire",
            "AccountTypes" : ["Account 1", "Account 2", "Account 3",]
        }, {
            "Name" : "Lease",
            "AccountTypes" : ["Account 4", "Account 5", "Account 6",]
        }
    ]
},{
    "CountryName" : "USA",
    "FinanceTypes" : [{
            "Name" : "Hire",
            "AccountTypes" : ["Account 7", "Account 8", "Account 9",]
        }, {
            "Name" : "Lease",
            "AccountTypes" : ["Account 10", "Account 11", "Account 12",]
        }
    ]
}]

为了显示这一点，我希望每个国家/地区都是一个表格中的一行，并且该行中有两个列表 - 一个用于financetype，另一个用于accounttype。 AccountType列表中的值将基于FinanceType列表中的选择。

我想避免ajax调用，因为我可以在页面加载时获取所有数据。最好的方法是什么？在呈现页面时是否将所有数据放入javascript数组中并将侦听器添加到每个financetype列表中？

由于

Answer 1

我建议你使用这样的框架。你当然可以使用jQuery（甚至是纯JS！）来做这件事，但它很快会变成一个无法解决的混乱。

您应该使用哪个框架？随你（由你决定！完全基于我在这里看到的内容，我建议使用轻量级的东西，例如Knockoutjs。您需要的主要功能是数据绑定。如果您的应用需要更多功能，例如路由和模块化，我建议您查看Angularjs。