如何用Python Selenium选择按钮式下拉菜单的选项？

核心问题分析 #

你遇到的是自定义下拉组件（基于<button>和其他容器实现，而非原生<select>标签），所以Selenium的Select类无法生效；之前的代码失败，核心原因是选项的XPATH定位错误——和按钮的XPATH重复，导致只获取到了按钮本身而非下拉选项。

可行的解决方法 #

1. 修正选项定位路径（最常用） #

通过浏览器开发者工具（F12）查看下拉展开后的HTML结构，找到选项所在的容器（通常是<div>、<ul>、<li>等标签），编写精准的XPATH定位目标选项：

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

# 点击下拉按钮展开选项
web.find_element(By.XPATH, "//button[@id='your-dropdown-btn']").click()

# 等待目标选项可点击并点击（替换成你实际的选项XPATH）
target_option = WebDriverWait(web, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//div[@class='dropdown-menu']//li[text()='My Text']"))
)
target_option.click()

2. 遍历所有可见选项（修正原代码） #

如果需要遍历选项，确保选项的XPATH指向下拉容器内的子元素，而非按钮本身：

dropdown_btn = web.find_element(By.XPATH, "//button[@id='your-dropdown-btn']")
dropdown_btn.click()

# 定位下拉容器内的所有选项（替换为实际容器的XPATH）
wait = WebDriverWait(web, 10)
dropdown_options = wait.until(
    EC.visibility_of_all_elements_located((By.XPATH, "//div[@class='dropdown-options']//span"))
)

print("Number of dropdown options:", len(dropdown_options))
for option in dropdown_options:
    option_text = option.text.strip()  # 去除文本前后空格/换行
    print(option_text)
    if option_text == 'My Text':
        option.click()
        break

3. 模拟键盘操作（适用于支持方向键的下拉） #

如果下拉组件支持键盘导航，可点击按钮后用方向键选择目标，再按回车确认：

from selenium.webdriver.common.keys import Keys

dropdown_btn = web.find_element(By.XPATH, "//button[@id='your-dropdown-btn']")
dropdown_btn.click()

# 按向下箭头直到选中目标（根据实际选项位置调整次数）
for _ in range(2):
    dropdown_btn.send_keys(Keys.DOWN)
# 按回车确认选择
dropdown_btn.send_keys(Keys.ENTER)

4. 处理动态加载/滚动可见的选项 #

如果选项需要滚动才能显示，先通过JS滚动到选项位置再点击：

dropdown_btn = web.find_element(By.XPATH, "//button[@id='your-dropdown-btn']")
dropdown_btn.click()

target_option = WebDriverWait(web, 10).until(
    EC.presence_of_element_located((By.XPATH, "//div[@class='dropdown-options']//li[text()='My Text']"))
)
# 滚动到选项可见（居中显示）
web.execute_script("arguments[0].scrollIntoView({block: 'center'});", target_option)
target_option.click()

5. 处理iframe或Shadow DOM中的下拉 #

• 如果下拉在iframe内，先切换到iframe再操作：

  # 切换到目标iframe
  iframe = web.find_element(By.XPATH, "//iframe[@id='dropdown-iframe']")
  web.switch_to.frame(iframe)
  
  # 执行下拉选择操作（同上述任意方法）
  
  # 操作完成后切回主文档
  web.switch_to.default_content()
  

• 如果下拉在Shadow DOM中，通过JS获取Shadow Root后定位元素：

  # 获取Shadow Root
  shadow_root = web.execute_script("return document.querySelector('button#dropdown-btn').shadowRoot")
  # 在Shadow Root内定位选项并点击
  target_option = shadow_root.find_element(By.XPATH, ".//li[text()='My Text']")
  target_option.click()
  

关键提示 #

始终通过浏览器开发者工具查看下拉展开后的真实DOM结构，确认选项的父容器、标签类型和文本内容；如果选项文本存在空格或换行，可使用contains(text(), 'partial-text')或text().strip()进行匹配。

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