选择另一个选择时加载选择列表

Question

我有一个Flask-admin应用程序，我有一个带有＆＃34;部门＆＃34;和一个＆＃34; Subdepartment＆＃34;字段。

在创建表单中，我希望在选择部门时，子部门选择会自动加载所有相应的子部门。

在数据库中，我有一个＆＃34;部门＆＃34;表和＆＃34; sub_department＆＃34;作为外键的表＆＃34; department_id＆＃34;。

有关如何实现这一目标的任何线索？

提前致谢。

Answer 1

您必须按照以下步骤操作

<强>的Javascript

1. 将on change事件绑定到您的部门选择。
2. 如果选择更改，则会获得选定的值。
3. 获得值后，必须通过AJAX请求将其发送到服务器。

<强>烧瓶

1. 实现一个读取值并加载相关子部门的方法。
2. 使用您的子部门向视图发送JSON响应

<强>的Javascript

1. 在您的AJAX请求中实现success函数。默认情况下，此功能将从服务器接收的数据作为第一个参数。循环遍历它们并将它们附加到希望的选择中。