Selenium Python操作Select2下拉框提交值始终为0的问题

核心原因 #

你直接操作了被Select2隐藏的原生<select>元素，但Select2组件的工作机制是：它会将原生select隐藏，用自己的DOM结构渲染下拉框，并且维护独立的选中状态和提交用的隐藏字段。直接修改原生select的选中值，不会同步到Select2的内部状态，导致提交时服务器接收的是Select2初始的默认值（0）。

另外你之前触发change事件的对象错误，应该针对原生<select>而非外层自定义的<select2>元素，且普通的change事件可能无法被Select2的监听器捕获。

解决方案 #

方案1：模拟用户真实交互（推荐）

直接模拟用户点击Select2下拉框、选择目标选项的操作，完全贴合Select2的交互逻辑：

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

# 点击Select2组件展开下拉列表
select2_container = driver.find_element(By.ID, "selectBranch")
select2_container.click()

# 等待目标选项可点击，然后选择New York
target_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//li[text()='New York']"))
)
target_option.click()

# 可选：验证选中状态是否生效
WebDriverWait(driver, 10).until(
    EC.text_to_be_present_in_element(
        (By.CSS_SELECTOR, "#selectBranch .select2-selection__rendered"),
        "New York"
    )
)

方案2：通过原生select同步Select2状态

如果必须通过原生select设置值，需要触发能被Select2识别的change事件，强制同步状态：

from selenium.webdriver.support.ui import Select
from selenium.webdriver.common.by import By

# 定位原生隐藏select元素
select_element = driver.find_element(By.CSS_SELECTOR, "select[data-select2-id='1']")
select_obj = Select(select_element)
select_obj.select_by_value("20")

# 触发带冒泡的change事件，并调用Select2的同步方法
driver.execute_script("""
    // 创建带冒泡的change事件，确保Select2能监听到
    const changeEvent = new Event('change', { bubbles: true });
    arguments[0].dispatchEvent(changeEvent);
    // 手动触发Select2的状态更新（兼容部分版本）
    $(arguments[0]).trigger('change.select2');
""", select_element)

关键说明 #

• 页面提交时的selectId字段，对应的是Select2自动生成的隐藏输入框，而非原生select的value。只有当Select2内部状态同步后，这个隐藏输入的值才会更新为选中的选项值。
• 不要直接操作被select2-hidden-accessible类隐藏的原生select，这绕过了Select2的状态管理逻辑，必然导致提交数据异常。

内容的提问来源于stack exchange，提问作者Amrita Stha