使用Python Selenium设置模态框表单输入值后自动重置如何解决

目标站点使用了React/Vue/Angular等带状态管理的前端框架，直接通过JavaScript修改DOM元素的value属性，既不会同步更新框架内部维护的状态，也没有触发输入框绑定的input/change等监听事件，框架后续执行状态校验、重渲染等逻辑时，就会用内部存储的原始值覆盖你手动修改的DOM值，导致输入内容被重置。

方案1：使用Selenium原生输入方法（优先推荐） #

用WebDriverWait代替硬sleep等待元素可交互，再通过原生send_keys输入，该方法会自动触发输入框的各类监听事件，默认就能和前端框架的状态逻辑兼容：

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver.common.by import By

# 最长等待10秒，直到目标输入框可交互
input_element = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, "input.input"))
)
# 清空原有值后输入目标内容
input_element.clear()
input_element.send_keys("1")

方案2：JS赋值+主动触发事件（原生方法失效时使用） #

如果因为输入框有特殊监听逻辑导致原生输入无效，可以在执行JS赋值后主动触发对应的监听事件，强制同步前端框架状态：

script = """
const input = document.querySelector('input.input');
// 赋值
input.value = '1';
// 触发input事件，通知框架值发生变化
input.dispatchEvent(new Event('input', { bubbles: true }));
// 触发change事件，适配需要失焦/提交才同步状态的框架逻辑
input.dispatchEvent(new Event('change', { bubbles: true }));
// 按需可加blur事件，适配有失焦校验的场景
input.dispatchEvent(new Event('blur', { bubbles: true }));
"""
driver.execute_script(script)

内容的提问来源于stack exchange，提问作者Rakesh Poddar