Selenium中Element must be user-editable in order to clear it异常求助

你碰到的这个错误原因很明确：你当前定位并操作的div.selectize-input并不是一个用户可编辑的表单控件，Selenium的clear()方法只能作用于<input>、<textarea>这类原生可编辑元素，对<div>调用自然会抛出这个异常。

从你提供的HTML结构能看到，这个下拉选择框是基于selectize.js实现的自定义组件：外层的div.selectize-input只是视觉容器，真正负责接收输入、存储值的是它内部那个被隐藏的<input type="text">元素（就是带有autocomplete="off"、opacity:0的那个）。

解决方案：定位并操作真正的输入元素 #

这里提供两种可靠的实现方式，你可以根据实际情况选择：

方法1：通过JavaScript直接操作隐藏的input（推荐）

因为这个input元素是隐藏状态，直接用Selenium的sendKeys可能会失败，用JavaScript可以绕过可见性限制，直接修改它的value值：

// 切换到弹窗窗口后
WebElement selectizeContainer = driver.findElement(By.xpath("//select[@id='Type-Field']//following-sibling::div//div[@class='selectize-input items full has-options has-items']"));
// 先点击容器激活组件（确保组件处于可交互状态）
selectizeContainer.click();
// 定位内部的隐藏input
WebElement inputElement = selectizeContainer.findElement(By.xpath(".//input[@type='text']"));

// 使用JavaScript清除原有值
((JavascriptExecutor) driver).executeScript("arguments[0].value = '';", inputElement);
// 使用JavaScript设置新值
((JavascriptExecutor) driver).executeScript("arguments[0].value = 'Suba';", inputElement);
// 触发输入事件，让下拉建议出现（如果需要的话）
((JavascriptExecutor) driver).executeScript("arguments[0].dispatchEvent(new Event('input'));", inputElement);

方法2：激活组件后用键盘操作（适合元素可交互的情况）

如果激活组件后，隐藏的input能获得焦点（部分selectize配置下可以），也可以用键盘全选删除再输入：

// 切换到弹窗窗口后
WebElement selectizeContainer = driver.findElement(By.xpath("//select[@id='Type-Field']//following-sibling::div//div[@class='selectize-input items full has-options has-items']"));
selectizeContainer.click(); // 激活组件

WebElement inputElement = selectizeContainer.findElement(By.xpath(".//input[@type='text']"));
// 全选已有内容并删除
inputElement.sendKeys(Keys.CONTROL + "a");
inputElement.sendKeys(Keys.DELETE);
// 输入新值
inputElement.sendKeys("Suba");

额外提醒 #

• 你使用的Selenium 3.3.1、Chrome 66和ChromeDriver 2.38版本是匹配的，但如果后续升级浏览器，一定要同步更新ChromeDriver和Selenium版本，避免兼容性问题。
• 操作自定义组件时，一定要先分析它的DOM结构，找到真正的交互元素，不要被视觉上的容器元素误导。

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