高效填充下拉列表：Javascript vs数据库（Mysql-Django）

Question

我想有3个下拉列表

选择：州
选择城市
选择：餐厅

当第一个下拉列表中有一个项目被选中时，“选择城市”列表被更新，而第二个下拉列表中一个项目被选择时，最后一个列表被更新。

我陷入3种方法之间：

1. 使用Javascript输入所有可能的值。 并使用form onchange调用update方法。
2. 从数据库（MySQL）预填充下拉列表。
3. 前两个的混合-前两个与Jscript，最后一个来自数据库。

现在，如何比较托管，VPS和PAAS每种方法的性能和优缺点？

Answer 1

为了方便起见，我将使用Ajax调用更新选择框。

选择这种方法的另一个好处是，您的应用程序逻辑大部分保留在服务器端，这在大多数情况下更易于编写测试。

您可以通过在视图中查询并将结果向下传递到模板来填充第一个选择框。 如果禁用其他2个选择框，则可以在通过ajax调用选择1个选择框之后激活/填充它们。