如何在Selenium WebDriver(Java)中选择UL下的LI元素并解决元素不可见问题

错误原因 #

1. 动态ID硬编码：你用的UL元素ID是随机生成的（select-options-b9a0d236-4008-830c-5319-9405f74b872f），但页面加载时这个ID会动态变化，导致定位到的元素要么不存在，要么处于不可见状态。
2. 未等待元素就绪：点击下拉按钮后，下拉菜单需要时间渲染，直接去查找并点击LI元素会触发“元素不可见”的交互限制。
3. 逻辑反向：代码里if (valueToSelect.equals("Canada")) {continue;}的逻辑是跳过加拿大选项，反而点击其他元素，和你的需求完全相反。

正确实现代码 #

核心思路 #

• 通过下拉输入框的data-activates属性关联对应的UL，避免硬编码动态ID。
• 用显式等待确保下拉菜单可见、目标元素可点击。
• 修正逻辑，精准定位并点击目标国家选项。

代码示例 #

import org.openqa.selenium.By;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;

By countryDropdownInput = By.cssSelector("input.select-dropdown[readonly='true']");

public void selectCountry() {
    // 点击下拉输入框展开菜单
    WebElement dropdownInput = driver.findElement(countryDropdownInput);
    dropdownInput.click();

    // 从input属性中获取对应下拉菜单的UL ID
    String dropdownUlId = dropdownInput.getAttribute("data-activates");
    By dropdownUlLocator = By.id(dropdownUlId);

    // 等待下拉菜单完全可见
    WebDriverWait wait = new WebDriverWait(driver, 10);
    wait.until(ExpectedConditions.visibilityOfElementLocated(dropdownUlLocator));

    // 定位并等待目标国家选项可点击
    By targetCountryLocator = By.xpath("//ul[@id='" + dropdownUlId + "']//li/span[text()='Canada']");
    WebElement canadaOption = wait.until(ExpectedConditions.elementToBeClickable(targetCountryLocator));
    
    // 点击选择加拿大
    canadaOption.click();
}

额外优化方案 #

如果页面原生的<select>元素（ID为countryCode）实际存在，直接用Selenium的Select类操作会更稳定，无需处理自定义下拉的渲染问题：

import org.openqa.selenium.support.ui.Select;

By countrySelectLocator = By.id("countryCode");

public void selectCountryViaNativeSelect() {
    Select countrySelect = new Select(driver.findElement(countrySelectLocator));
    countrySelect.selectByVisibleText("Canada");
}

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