如何使用Selenium选中动态下拉框每个复选框并获取对应标签信息

针对React Virtualized虚拟滚动下拉框的特性，我们可以通过精准控制滚动位置+动态等待元素渲染的方式实现需求，核心思路如下：

• 虚拟列表仅渲染可视区范围内的元素，超出范围的元素会被销毁，因此不能直接按索引批量定位所有列表项，需要先滚动到目标项位置，等元素渲染后再操作
• 从给出的HTML结构可得知每个列表项固定高度为44px，第i个项（从0开始计数）的偏移高度为i * 44px，直接通过JS控制滚动容器的滚动高度即可触发对应项渲染
• 所有动态渲染的元素都使用显式等待，避免硬等待导致的定位失败

完整实现代码（Python Selenium） #

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

# 常量配置，可按需修改
ITEM_HEIGHT = 44  # 单个列表项高度，从HTML中获取为固定44px
TARGET_STORE_COUNT = 10  # 需要操作的门店总数
DROPDOWN_TRIGGER_SELECTOR = "替换为下拉框触发按钮的选择器"  # 替换为你实际触发下拉框弹出的元素定位

driver = webdriver.Chrome()
wait = WebDriverWait(driver, 10)
driver.get("替换为你的页面地址")

def open_dropdown():
    """打开下拉框，等待弹窗渲染完成"""
    # 点击触发下拉框的元素
    driver.find_element(By.CSS_SELECTOR, DROPDOWN_TRIGGER_SELECTOR).click()
    # 等待下拉弹窗出现
    wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, 'div[data-baseweb="popover"]')))

def scroll_to_item(index: int):
    """滚动到第index个列表项的位置"""
    # 定位虚拟列表滚动容器
    grid = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, '.ReactVirtualized__Grid')))
    # 执行JS滚动到对应位置
    driver.execute_script(f"arguments[0].scrollTop = {index * ITEM_HEIGHT}", grid)
    # 等待列表项渲染完成
    wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, f'div[style*="top: {index * ITEM_HEIGHT}px"]')))

if __name__ == "__main__":
    for i in range(TARGET_STORE_COUNT):
        # 1. 打开下拉框
        open_dropdown()
        # 2. 滚动到第i个门店位置
        scroll_to_item(i)
        # 3. 定位当前门店对应的项容器
        item_container = wait.until(EC.presence_of_element_located((By.CSS_SELECTOR, f'div[style*="top: {i * ITEM_HEIGHT}px"]')))
        # 4. 勾选checkbox
        checkbox = item_container.find_element(By.CSS_SELECTOR, 'input[type="checkbox"]')
        checkbox.click()
        # 5. 获取门店名称和地址
        store_name = item_container.find_element(By.XPATH, './/div[1]/div[1]').text
        store_address = item_container.find_element(By.XPATH, './/div[1]/div[2]').text
        print(f"第{i+1}个门店：名称={store_name}，地址={store_address}")
        # 6. 点击Apply按钮
        apply_btn = wait.until(EC.element_to_be_clickable((By.XPATH, '//button[text()="Apply"]')))
        apply_btn.click()
        # 7. 等待下拉框关闭，进入下一轮循环
        wait.until(EC.invisibility_of_element_located((By.CSS_SELECTOR, 'div[data-baseweb="popover"]')))

    driver.quit()

注意事项 #

1. 代码中的DROPDOWN_TRIGGER_SELECTOR需要替换为你实际页面中点击弹出下拉框的元素的定位方式，可以用ID、属性、文本等方式定位，避免使用动态生成的随机类名（比如示例中的ax/ay这类看起来是CSS-in-JS生成的类名，版本更新后可能会变化）
2. 定位门店名称和地址时，如果结构有变化，可以调整相对XPath，也可以用data-baseweb这类固定属性辅助定位
3. 如果滚动后元素渲染较慢，可以适当延长显式等待的超时时间。

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