Streamlit技术问题：如何让分栏表单的提交按钮独立触发

你的问题根源在于左列表单的判断逻辑错误：if f and transcribe_submit_button is not None会在任何页面刷新（包括右表单提交）时触发转写逻辑——只要上传过文件f存在，且按钮对象不为空就会执行。而Streamlit中，表单提交按钮仅在对应表单被点击时返回True，其他场景均返回False，正确判断按钮状态即可实现独立触发。

以下是两种可行的解决方案：

方案一：将业务逻辑放入表单内部 #

把转写和ChatGPT调用逻辑直接放在对应的st.form上下文内，确保只有当前表单提交时才执行逻辑：

import streamlit as st

st.set_page_config(page_title="Speech-to-Text Transcription & ChatGPT", layout="wide", page_icon="🎤")

c1, c2 = st.columns([1, 1], gap="medium")

with c1:
    st.header("Transcribe your audio")
    with st.form("transcribe_form"):
        f = st.file_uploader("", type=[".wav"])
        transcribe_submit_button = st.form_submit_button("Transcribe")
        
        # 仅当转写按钮被点击且文件存在时执行逻辑
        if transcribe_submit_button and f:
            # 此处放置Wav2Vec2转写代码
            st.success("音频转写完成！")

with c2:
    st.header("Ask ChatGPT about the transcription")
    with st.form("chatgpt_form"):
        prompt = st.text_area("Enter your query:", "", height=200)
        chatgpt_submit_button = st.form_submit_button("Generate response")
        
        # 仅当ChatGPT按钮被点击且有查询内容时执行逻辑
        if chatgpt_submit_button and prompt:
            # 此处放置ChatGPT调用代码
            st.success("回答生成完成！")

方案二：在表单外正确判断按钮状态 #

如果需要将逻辑放在表单外部，只需把判断条件改为检查按钮是否返回True：

import streamlit as st

st.set_page_config(page_title="Speech-to-Text Transcription & ChatGPT", layout="wide", page_icon="🎤")

c1, c2 = st.columns([1, 1], gap="medium")

with c1:
    st.header("Transcribe your audio")
    with st.form("transcribe_form"):
        f = st.file_uploader("", type=[".wav"])
        transcribe_submit_button = st.form_submit_button("Transcribe")

# 仅当转写按钮被触发（返回True）且文件存在时执行
if transcribe_submit_button and f:
    # 此处放置Wav2Vec2转写代码
    st.success("音频转写完成！")

with c2:
    st.header("Ask ChatGPT about the transcription")
    with st.form("chatgpt_form"):
        prompt = st.text_area("Enter your query:", "", height=200)
        chatgpt_submit_button = st.form_submit_button("Generate response")

# 仅当ChatGPT按钮被触发（返回True）且有查询内容时执行
if chatgpt_submit_button and prompt:
    # 此处放置ChatGPT调用代码
    st.success("回答生成完成！")

核心原理 #

Streamlit的表单form_submit_button遵循独立触发机制：只有当前表单的提交按钮被点击时，该按钮才会返回True，其他页面交互（如另一个表单提交、组件更新）都会返回False。通过精准判断按钮的返回值，就能实现两个分栏表单的提交按钮独立运作，互不干扰。

内容的提问来源于stack exchange，提问作者Othman El houfi