Flask 根据选择字段中的选定答案显示消息

Flask 根据选择字段中的选定答案显示消息,flask,sqlalchemy,flask-sqlalchemy,flask-wtforms,wtforms,Flask,Sqlalchemy,Flask Sqlalchemy,Flask Wtforms,Wtforms,我想知道是否有人知道如何根据选择字段中选择的内容在网页上显示消息。例如,在选择字段中选择的数据库中,每个项目都有一个id、name和finish属性 如果从select下拉列表中选择orange,我想知道如何在页面上显示orange的finish属性。这是在不点击提交的情况下完成的。我对数据库使用sql alchemy,对表单使用Flask WTF。根据您需要的注释: 1编码Javascript事件函数以在选择字段更改时激活 2使Javascript函数通过返回数据库信息的Ajax调用Flask

我想知道是否有人知道如何根据选择字段中选择的内容在网页上显示消息。例如,在选择字段中选择的数据库中,每个项目都有一个id、name和finish属性


如果从select下拉列表中选择orange,我想知道如何在页面上显示orange的finish属性。这是在不点击提交的情况下完成的。我对数据库使用sql alchemy,对表单使用Flask WTF。

根据您需要的注释:

1编码Javascript事件函数以在选择字段更改时激活

2使Javascript函数通过返回数据库信息的Ajax调用FlaskAPI路由

3根据返回的值使用Javascript动态更新页面


我个人喜欢Vue.js作为javascript框架。Google Flask Ajax-我认为Miguel Grinberg在这方面有一些很好的教程和示例代码。

似乎Ajax调用可以完成这项工作。明白。谢谢谢谢谢谢你,sirHi,我一直很难找到这方面的教程,你认为你能给我指出正确的方向吗?从服务器的Ajax角度来看本教程:。这并不完全是您想要的,但它演示了客户机/服务器与FlaskAPI的交互,以请求和获取数据。在学习使用Javascript动态更新页面时,我建议您阅读Vue.js上的一些文档,了解这个概念,然后通过谷歌搜索。这是一种相当常见的使用模式