Selenium处理日期选择器动态ID下拉框定位问题求助

核心问题分析 #

你当前用document.querySelector("[id^='ptcs-dropdown-list']")只会匹配第一个符合条件的下拉框元素，所以另一个下拉框无法被定位到，这是导致问题的直接原因。

具体解决方案 #

1. 通过索引区分两个下拉框 #

使用document.querySelectorAll()获取所有匹配的下拉框元素，再通过索引（0或1）区分月份和年份下拉框，调整你的执行脚本：

# 假设年份下拉框是第二个匹配元素（索引为1），根据实际页面顺序调整
yrow = 5  # 替换为你要选择的年份选项的序号
path_yr = f"document.querySelectorAll('[id^=\"ptcs-dropdown-list\"]')[1].shadowRoot.querySelector('#root > div > div:nth-child(3) > ptcs-list-item:nth-child({yrow})').click()"

# 替换time.sleep，用显式等待更可靠
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

WebDriverWait(driver, 10).until(
    lambda d: len(d.execute_script("return document.querySelectorAll('[id^=\"ptcs-dropdown-list\"]')")) >= 2
)
driver.execute_script(path_yr)

如果月份下拉框是第二个，就把索引改成[0]对应年份、[1]对应月份，需要你自己在浏览器开发者工具里确认顺序。

2. 通过父容器/关联属性精准定位 #

如果页面结构里，两个下拉框的父元素有区分属性（比如data-type、class名称），可以直接用这些属性缩小范围，避免依赖索引：

比如假设月份下拉框的父容器有data-component="month-picker"，年份的有data-component="year-picker"，脚本可以改成：

# 定位年份下拉框
path_yr = f"document.querySelector('[data-component=\"year-picker\"] [id^=\"ptcs-dropdown-list\"]').shadowRoot.querySelector('#root > div > div:nth-child(3) > ptcs-list-item:nth-child({yrow})').click()"

3. 检查Shadow DOM结构差异 #

如果上述方法仍无效，大概率是两个下拉框的Shadow DOM内部结构不同。你需要：

• 打开浏览器开发者工具（F12）
• 分别查看月份和年份下拉框的Shadow DOM结构
• 对比两者的选择器路径，调整#root > div > div:nth-child(3)这部分的层级，确保对应到正确的选项容器

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