WTForms：获取相关数据

Question

我有 Flask 和 Flask-WTF。
我正在尝试实现表单，它应该根据从另一个（上一个）字段中选择的值（并且可能随着输入集的变化）更改 SelectField 的 choices 列表。

我是什么意思.. 例子。

例如。答：

有初始形式

Manufacturer: [ ----- ]  // Options are: Ford, KIA, Honda ...
Model:        [ ----- ]  // No options, disabled
...           .........  // Other fields

然后用户选择Ford，并显示适合模型的options

Manufacturer: [ Ford  ]  // Options are: Ford, KIA, Honda ... still posible to change
Model:        [ ----- ]  // Options are: Focus, Mondeo, Mustang, ...
...           .........  // Other fields

或者，也许是一个替代品。行为，例如。乙：

有初始形式

Manufacturer: [ ----- ]  // Options are: Ford, KIA, Honda ...

然后用户选择Ford，Model 字段会显示适当的选项

Manufacturer: [ Ford  ]  // Options are: Ford, KIA, Honda ... still possible to change
Model:        [ ----- ]  // Options are: Focus, Mondeo, Mustang, ...

或者，也许是“向导”，例如。 C：

有初始形式

Manufacturer: [ ----- ]  // Options are: Ford, KIA, Honda ...
[ next ]                 // button

然后用户选择Ford，点击next，显示Model字段，而前一个字段成为标签

Manufacturer:   Ford     // Just a label
Model:        [ ----- ]  // Options are: Focus, Mondeo, Mustang, ...
[prev] [ next ]          // buttons

---

我有一些想法，该怎么做。

1) 当用户选择（任何）字段时，我对新表单发出 POST 请求。这是可能的，因为我做了非常轻量级的应用程序。这很容易实现，但可能会很烦人，而且没有我想要的那么好。

2）当用户选择字段时，从服务器（json/pson）获取依赖字段的选项，并且该依赖字段被更新和解锁。

3) “C”行为是最容易实现的，但不是本世纪的

第二个想法听起来不错..但我是后端，不太擅长 js。

---

所以..问题是如何实现这样的表格？ 任何指向好的教程/文档的链接都会很棒（我已经用谷歌搜索过，但没有找到）

Answer 1

我相信有两种好方法可以实现你想要的。

1. 使用 AJAX 根据用户选择加载所需的选项（正如您的第二个想法所建议的那样）
2. 如果选项列表不大，您可以将所有选项嵌入为 javascript 对象，并使用 javascript 根据用户选择加载适当的选项。前任。 http://www.javascriptkit.com/javatutors/selectcontent.shtml

从用户的角度来看，第二种方法的优点是响应速度更快，因为所需的所有数据都已经在页面上。

您提到对 javascript 不太擅长，但我认为没有其他方法可以做您想做的事，除非您可以接受您的第一个想法。