Selenium自动化：如何正确选择下拉菜单项避免异常？

Let's break down why your current approaches aren't working and walk through the correct way to select the "Test" option in this custom dropdown component:

为什么你的方法失败了？ #

1. 案例2 & 3的报错原因：
   你遇到的org.openqa.selenium.support.ui.UnexpectedTagNameException是因为Selenium的Select类只适用于HTML原生的<select>标签元素。而你的下拉列表是用前端框架（比如ExtJS，从boundlist这个标识能看出来）自定义的组件，它的容器是<div>而非<select>，所以直接用Select类肯定会抛出异常。

2. 案例1的问题：
   只给输入框sendKeys("Test")只是把文本填进去，但这类自定义下拉组件通常需要你主动点击展开列表，再选择对应的选项——单纯输入文本不会触发组件的选中逻辑。

正确的实现步骤 #

对于这类非原生的自定义下拉，我们需要模拟用户的真实操作：展开列表 → 等待选项加载 → 点击目标选项。这里用Java Selenium为例：

1. 先导入必要的等待类（处理元素加载延迟）

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

2. 完整代码示例

// 1. 点击下拉输入框，触发展开下拉列表
WebElement dropdownInput = driver.findElement(By.id("combo-1781-inputEl"));
dropdownInput.click();

// 2. 显式等待下拉列表容器可见（避免因加载慢导致元素找不到）
WebDriverWait wait = new WebDriverWait(driver, 10); // 等待10秒超时
WebElement dropdownListContainer = wait.until(
    ExpectedConditions.visibilityOfElementLocated(By.id("boundlist-1930-listEl"))
);

// 3. 在列表容器内定位到文本为"Test"的选项并点击
WebElement testOption = dropdownListContainer.findElement(
    By.xpath(".//div[text()='Test']")
);
testOption.click();

优化建议（处理动态ID） #

注意到你的元素ID（比如combo-1781、boundlist-1930）里的数字是动态生成的，每次运行可能会变化，这会导致定位失败。建议用更稳定的定位方式，比如通过class属性或组件特征：

• 定位下拉输入框：By.cssSelector("input[class*='combo-inputEl']")（假设class包含combo-inputEl）
• 定位下拉列表容器：By.cssSelector("div[class*='boundlist-listEl']")

如果这个下拉是可搜索的，你也可以结合输入文本+点击选项的方式：

dropdownInput.sendKeys("Test");
// 等待搜索后的"Test"选项可见
WebElement testOption = wait.until(
    ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[text()='Test']"))
);
testOption.click();

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