在FLASK框架下,如何实现selectFiled联动选择

本文介绍了在Flask框架下如何实现二级selectField联动选择。通过创建form,设置option选项,并利用jQuery实现联动效果。在处理表单验证时,由于对selectField的修改,form.validate_on_submit()会返回False,需使用request.method=='POST'进行验证。
摘要由CSDN通过智能技术生成

前言

现在有一个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)
        # 用于存储科室-人员关系的字典
        # 具体格式{“技术室”:[“张三”,“李四”],“干部室”:[“王五”,“刘七”]
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值