如何在Java Selenium中获取Div类型下拉菜单的Id、类名或CSS选择器

核心思路 #

非<select>的自定义下拉组件，需要分两步操作：先点击触发按钮展开选项列表，再定位并点击目标选项。同时要避免使用绝对DOM路径（你的原始CSS选择器就是这类，极易因页面结构变动失效），改用基于语义或稳定属性的定位器。

具体实现步骤（Java + Selenium） #

1. 定位并点击Size下拉的触发按钮
   优先用包含"Size"文本的XPath，或者结合组件的稳定类名：

   // 用显式等待确保元素可点击
   WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
   WebElement sizeDropdownTrigger = wait.until(ExpectedConditions.elementToBeClickable(
       By.xpath("//div[contains(@class, 'kuDropdown') and .//span[text()='Size']]")
   ));
   sizeDropdownTrigger.click();
   

2. 定位并点击目标选项
   展开下拉后，等待选项列表可见，再按选项文本定位（比如选"One Size"）：

   WebElement targetSizeOption = wait.until(ExpectedConditions.elementToBeClickable(
       By.xpath("//div[contains(@class, 'kuDropdownOptions')]//div[text()='One Size']")
   ));
   targetSizeOption.click();
   

关键优化点 #

• 显式等待替代硬等待：避免因页面加载延迟导致的NoSuchElementException，Selenium的WebDriverWait能自动等待元素满足条件。
• 语义化定位器：依赖文本、稳定类名而非DOM层级，比如kuDropdown是组件的核心类，不会轻易变动；文本"Size"是用户可见的内容，更稳定。
• 分步操作：自定义下拉必须先展开选项列表，直接定位隐藏的选项会失败。

备选定位方案（如果XPath不适用） #

如果页面有data-testid这类测试专用属性，优先用：

// 假设触发按钮的data-testid是"size-dropdown-trigger"
WebElement sizeDropdownTrigger = wait.until(ExpectedConditions.elementToBeClickable(
    By.cssSelector("[data-testid='size-dropdown-trigger']")
));

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