如何解决Python Selenium中非Select下拉菜单元素定位失败问题？

问题根源 #

• 动态ID失效：页面中menu-button-:r1p:、menu-list-:rt:这类ID是Chakra UI框架动态生成的，每次页面加载都会变化，用固定ID定位必然找不到元素。
• 下拉菜单默认隐藏：选项列表初始状态为visibility: hidden，直接定位未显示的元素会失败。
• 未等待元素加载：页面渲染或异步加载未完成时就执行定位，元素还未出现在DOM中。

解决方案 #

1. 用稳定属性定位下拉按钮 #

放弃动态ID，改用框架提供的类名、aria属性等稳定标识定位下拉按钮，同时通过显式等待确保元素可点击：

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

# 方法1：通过Chakra UI的类名定位
dropdown_button = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.CLASS_NAME, "chakra-menu__menu-button"))
)
dropdown_button.click()

# 方法2：通过aria-haspopup属性精准定位
dropdown_button = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//div[@aria-haspopup='menu']"))
)
dropdown_button.click()

2. 定位并点击目标选项 #

展开菜单后，用选项文本、aria-label或data-index等稳定属性定位目标选项，同样配合显式等待：
以选择19px字号为例：

# 方法1：通过选项文本定位
target_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//button[text()='19']"))
)
target_option.click()

# 方法2：通过aria-label属性定位（避免文本重复场景）
target_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//button[@aria-label='Font size 19px']"))
)
target_option.click()

# 方法3：通过data-index定位（选项顺序固定时可用）
target_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//button[@data-index='7']"))
)
target_option.click()

3. 处理iframe场景（如果存在） #

若下拉菜单嵌套在iframe中，需先切换到iframe再执行定位：

# 切换到目标iframe（根据实际iframe的标识修改）
iframe = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, "your-iframe-id"))
)
driver.switch_to.frame(iframe)

# 执行下拉按钮和选项的定位操作...

# 操作完成后切回主文档
driver.switch_to.default_content()

关键注意事项 #

• 必须使用显式等待（WebDriverWait），避免使用time.sleep()，确保元素加载完成且可交互后再操作。
• 若页面存在多个同类下拉菜单，需通过父元素缩小定位范围，例如：

# 定位特定父元素下的下拉按钮
dropdown_button = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//div[@class='your-parent-container']//div[@aria-haspopup='menu']"))
)

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