Selenium无法选中需点击触发加载的Div类下拉框选项问题

嘿，我太懂这种Material Design下拉框的坑了——必须先点一下触发控件，选项列表才会动态加载出来，你原来的代码直接操作mat-select元素肯定行不通，因为那只是下拉框的触发按钮，不是选项本身。咱们一步步来修复：

问题根源 #

你原来的代码遍历的是<mat-select>元素（也就是下拉框的触发控件），但你要找的ng-reflect-value="50757"是属于<mat-option>的属性，而且这些选项是在点击<mat-select>之后才会渲染到DOM里的，这就导致你的判断逻辑从一开始就找错了对象。

修复步骤 #

1. 先打开下拉面板：找到对应的<mat-select>元素并点击，触发选项列表的加载
2. 等待选项加载完成：用显式等待确保<mat-option>元素已经渲染到页面中，避免因动态加载导致的元素未找到问题
3. 定位并点击目标选项：找到带有ng-reflect-value="50757"的<mat-option>并执行点击操作

优化后的代码示例 #

// 1. 定位目标mat-select并点击，打开下拉面板
WebElement selectTrigger = driver.findElement(By.cssSelector("mat-select"));
selectTrigger.click();

// 2. 显式等待选项列表加载完成，最多等待10秒
WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
wait.until(ExpectedConditions.visibilityOfElementLocated(By.cssSelector("mat-option")));

// 3. 直接定位目标选项并点击（比遍历更高效）
WebElement targetOption = wait.until(ExpectedConditions.elementToBeClickable(
    By.cssSelector("mat-option[ng-reflect-value='50757']")
));
targetOption.click();

额外注意事项 #

• 如果页面上有多个<mat-select>，你需要给定位器加上更精准的标识（比如父元素的class、id或者其他属性），避免误操作其他下拉框
• Material Design组件常有动画延迟，显式等待能有效避免“元素未就绪就操作”的报错
• 要是遍历选项的需求更灵活，也可以保留遍历逻辑，但记得要在选项加载完成后再执行：

List<WebElement> options = driver.findElements(By.cssSelector("mat-option"));
for (WebElement option : options) {
    if ("50757".equals(option.getAttribute("ng-reflect-value"))) {
        wait.until(ExpectedConditions.elementToBeClickable(option));
        option.click();
        break; // 找到目标后退出循环，减少不必要操作
    }
}

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