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

为了显示这一点，我希望每个国家/地区在表格中排成一行，并且在该行中有2个列表-一个用于财务类型，一个用于帐户类型。 AccountType列表中的值将基于FinanceType列表中的选择。

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

谢谢

Answer 1

我建议您使用类似这样的框架。 您当然可以使用jQuery（甚至是纯JS！）来执行此操作，但是它将很快变成无法缩放的混乱。

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