Selenium中sendKeys(Keys.DOWN)无法选中自动提示下拉框选项问题

嘿，我碰到过好几次selectize.js下拉框的自动化问题，你的情况我太熟悉了！咱们一步步来拆解问题和解决办法：

问题根源 #

你遇到的cannot focus element和Keys.DOWN无效，主要有这几个原因：

1. 直接JS设置value不触发selectize内部逻辑：selectize是基于原生select封装的自定义组件，直接给模拟输入框设value，组件不会生成下拉选项列表，自然没法用方向键选择。
2. 元素未正确聚焦：你调用sendKeys前没确保输入框处于可交互且聚焦的状态，导致驱动找不到可聚焦的元素报错。
3. 错误的文本获取方式：getText()对selectize的输入框不生效，因为它的显示内容不是元素的text属性，而是内部DOM或者组件实例维护的状态。

修复后的代码示例 #

先导入等待类（如果还没导的话）：

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

然后替换你的代码：

// 定位selectize的模拟输入框
WebElement occupationInput = driver.findElement(By.id("proposer.occupation-selectized"));

// 等待元素可点击并聚焦
WebDriverWait wait = new WebDriverWait(driver, 10);
wait.until(ExpectedConditions.elementToBeClickable(occupationInput));
occupationInput.click(); // 先点击确保聚焦

// 输入文本触发自动提示（这一步会让selectize生成下拉选项）
occupationInput.sendKeys("Composer");

// 等待目标下拉选项出现（根据实际DOM调整xpath，selectize的选项通常在.selectize-dropdown-content下）
WebElement targetOption = wait.until(
    ExpectedConditions.visibilityOfElementLocated(By.xpath("//div[contains(@class, 'selectize-dropdown-content')]/div[text()='Composer']"))
);

// 直接点击选项（比方向键更可靠，避免多次按键的麻烦）
targetOption.click();

// 通过selectize的API获取选中的值和文本（这是最准确的方式）
JavascriptExecutor jse = (JavascriptExecutor) driver;
// 获取选中的value值
String selectedValue = (String) jse.executeScript("return document.getElementById('proposer.occupation-selectized').selectize.getValue();");
// 获取显示的文本
String selectedText = (String) jse.executeScript("return document.getElementById('proposer.occupation-selectized').selectize.items[0];");

System.out.println("选中的value: " + selectedValue);
System.out.println("选中的文本: " + selectedText);

额外提示 #

• 如果一定要用Keys.DOWN选择，确保输入框始终聚焦，并且等待下拉选项渲染完成后再按键，比如：

  occupationInput.sendKeys(Keys.DOWN);
  // 可以循环按键直到选中目标，不过不如直接点击稳定
  

• 检查页面的DOM结构：打开开发者工具，看看下拉选项的真实选择器，有些selectize配置会给选项加特定的类名，调整xpath让定位更准确。

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