当前位置：首页 > 文章列表 > 文章 > 前端 > Flask 获取下拉框值的完整方法

Flask 获取下拉框值的完整方法

2026-04-04 10:01:00 0浏览收藏

本文深入解析了在 Flask 应用中安全、可靠地获取 HTML 下拉框（`

Flask 中正确获取 HTML select 下拉框提交值的完整教程

本文详解 Flask 应用中如何安全、可靠地从 HTML ` 标签获取用户选择的值，涵盖表单处理逻辑、数据类型转换、路由参数传递等关键要点，并修正常见语法与结构错误。
在 Flask 开发中，通过的 name 属性以数字开头虽不违法，但不符合 HTML5 推荐规范（建议用 num1 等语义化名称），也易引发模板引擎或 JS 处理歧义，推荐调整。
✅ 关键修复：类型转换 + 路由动态参数
request.form.get() 返回的是字符串（如 "1"），而 Python 运算需整型数值，因此必须显式转换：
num1 = int(request.form.get("num1", 0))   # 提供默认值防空输入
num2 = int(request.form.get("num2", 0))
action = int(request.form.get("act", 0))
同时，/value 路由需接收动态参数，否则 url_for('value', value=val) 将无法匹配：
@app.route("/value/")  # 支持小数结果（如除法）
# 或 @app.route("/value/")  # 仅整数
def value(value):
    return render_template("result.html", result=value)  # 推荐用模板而非 raw HTML
⚠️ 注意：若 divide(5, 2) 返回 2.5，而路由用，将导致 404。推荐使用或统一转为字符串传递。
✅ 完整可运行代码示例
Python 后端 (app.py)：
from flask import Flask, request, render_template, url_for, redirect

app = Flask(__name__)

def add(x, y): return x + y
def subtract(x, y): return x - y
def multiply(x, y): return x * y
def divide(x, y): return x / y if y != 0 else float('inf')

@app.route('/')
def home():
    return render_template("index.html")

@app.route('/calc', methods=["GET", "POST"])
def calc():
    if request.method == "POST":
        try:
            num1 = float(request.form.get("num1", 0))
            num2 = float(request.form.get("num2", 0))
            action = int(request.form.get("act", 0))

            if action == 1:
                result = add(num1, num2)
            elif action == 2:
                result = subtract(num1, num2)
            elif action == 3:
                result = multiply(num1, num2)
            elif action == 4:
                result = divide(num1, num2)
            else:
                return render_template("calc.html", error="Invalid operation selected")

            return redirect(url_for('value', result=result))

        except (ValueError, TypeError):
            return render_template("calc.html", error="Please enter valid numbers")

    return render_template("calc.html")  # GET 请求时显示表单

@app.route("/value/")
def value(result):
    return render_template("result.html", result=result)
HTML 模板 (templates/calc.html)：
  
  
  
  


{% if error %}
  {{ error }}
{% endif %}
✅ 最佳实践总结
永远使用 request.form.get(key, default)：避免 KeyError，并主动处理 None。
立即转换数据类型：表单值默认为字符串，运算前务必转为 int 或 float，并用 try/except 包裹提升健壮性。
路由参数需显式声明：/value/ 是 Flask 动态路由的强制语法，不可省略。
前端增强体验：添加 required 属性、、客户端校验，减少无效提交。
优先返回模板而非 raw HTML：render_template() 更安全、可维护，支持 Jinja2 模板继承与错误提示。
遵循以上原则，即可稳定、高效地从

忘记密码

登录即同意用户协议和隐私政策

返回登录

重置密码