Java Selenium如何处理div结构动态下拉框的元素选择问题

方案1：冻结DOM获取选项定位后点击 #

首先解决下拉框失焦就关闭无法检查元素的问题：

• 打开F12调试工具，切换到「Sources」面板
• 手动点击展开下拉框，保持展开状态按下F8（部分设备需同时按Fn）触发JS断点暂停页面执行，此时下拉框不会自动关闭，可正常检查获取下拉选项的定位规则（如class属性、匹配文本的xpath等）

拿到定位后使用以下代码实现选择：

// 点击展开下拉框
driver.findElement(dropDown).click();
// 替换为你获取到的目标选项定位符
By targetOptionLocator = By.xpath("//div[contains(@class,'option-class') and text()='目标选项文本']");
WebElement targetOption = new WebDriverWait(driver, 10)
        .until(ExpectedConditions.elementToBeClickable(targetOptionLocator));
targetOption.click();

方案2：JS修改值并触发组件事件（无需定位选项） #

你之前直接修改value不生效的原因是div实现的下拉组件会监听事件更新内部状态，仅修改value属性不会触发组件状态同步，补充触发对应事件即可：

JavascriptExecutor js = (JavascriptExecutor) driver;
// 修改目标下拉元素的value属性
js.executeScript("document.getElementById('dropwDownID').value = '你需要的目标值';");
// 手动触发change、input事件，同步组件状态
js.executeScript("document.getElementById('dropwDownID').dispatchEvent(new Event('change'));");
js.executeScript("document.getElementById('dropwDownID').dispatchEvent(new Event('input'));");

如果上述方式不生效，也可以直接用JS筛选选项模拟点击：

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("""
    // 展开下拉框触发选项加载
    document.getElementById('dropwDownID').click();
    // 替换下拉选项的通用class和目标选项文本
    const optionList = Array.from(document.querySelectorAll('.下拉选项的通用class名'));
    const targetOption = optionList.find(el => el.textContent.trim() === '目标选项文本');
    if(targetOption) targetOption.click();
""");

方案3：Actions类模拟键盘操作 #

如果下拉框支持键盘操作，可展开后通过方向键选中目标值回车确认：

// 点击展开下拉框
driver.findElement(dropDown).click();
Actions actions = new Actions(driver);
// 示例为按3次下方向键选中第3个选项后回车，可按实际需求调整按键次数
actions.sendKeys(Keys.DOWN)
        .sendKeys(Keys.DOWN)
        .sendKeys(Keys.DOWN)
        .sendKeys(Keys.ENTER)
        .perform();

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