前言
现在有一个flask框架下的网站项目,其中要实现两级selectfield的联动选择,由于flask框架只能对selectfeild的option进行设置,所以必须要用到jQuery。下面我就来谈谈我的编程思路
一、Flask如何设置selectfield的option选项?
先看前端网页:
这是一个用于搜索的功能,当“科室名称”为***时,表示对所有科室进行搜索,此时“人员姓名”控件为文本输入;当“科室名称”为具体某个时,此时“人员姓名”控件为选择输入框,下拉菜单中就出现该科室下所有人员的姓名。
二、使用步骤
1.创建form
代码如下(示例):
class AuthRecordsForm(FlaskForm):
unit = SelectField()
#nametest和name同时只会显示一个,根据unit的选项,由js脚本实现
nametest = SelectField()
name = StringField(validators=[Length(0, 24)])
search = SubmitField("搜索")
def setChoice(self, records):
#records来自数据库,r.user_organization表示数据库中包含科室的字段,r.user_realname表示人员姓名
#将所有科室放入列表units中,[“***”,“技术室”,“干部室”],该列表第一个值为“***”,表示所有科室
units = ["***"]
for r in records:
units.append(r.user_organization)
# 用于存储科室-人员关系的字典
# 具体格式{“技术室”:[“张三”,“李四”],“干部室”:[“王五”,“刘七”]