如何用Selenium C#操作下拉框移动光标选选项并解决交互异常

1. 原生<select>标签下的<option>属于浏览器内置渲染的控件元素，本身不属于页面DOM中可直接交互的可见节点，直接对其执行MoveToElement、点击等操作会触发不可交互异常。
2. 你代码中的XPath使用text()='Grape'，而实际选项文本是小写的grape，大小写不匹配会导致定位到的元素不符合预期，甚至定位失败。
3. 若当前下拉框是DIV/UL等标签模拟的自定义下拉，页面中根本不存在<option>标签，定位到的元素无效，自然无法交互。
4. 下拉框展开后未等待选项渲染完成就直接执行操作，元素仍处于不可见状态，也会触发该异常。

方案1：使用Selenium内置Select类（仅适用于原生下拉框） # 对于原生select下拉框，官方提供了封装好的操作类，不需要手动模拟光标移动和点击： using OpenQA.Selenium.Support.UI; // 定位select元素 var selectElement = DriverContext.Driver.FindElement(By.Name("product name")); var select = new SelectElement(selectElement); // 按文本精确匹配选中 select.SelectByText("grape"); 方案2：修正Actions操作（适用于自定义模拟下拉框，需模拟光标高亮效果） # 自定义下拉框不要定位option标签，改为定位实际渲染的可交互选项节点，同时增加显式等待保证元素可见： using OpenQA.Selenium.Support.UI; // 点击打开下拉框 ProductName.Click(); // 显式等待选项加载可见，替换XPath为实际选项的定位规则 var wait = new WebDriverWait(DriverContext.Driver, TimeSpan.FromSeconds(10)); var grapeOption = wait.Until(d => d.FindElement(By.XPath("//*[text()='grape' and contains(@class, 'dropdown-option')]"))); // 模拟光标移动高亮后点击 var actions = new Actions(DriverContext.Driver); actions.MoveToElement(grapeOption).Click().Perform(); 方案3：使用JavaScriptExecutor实现（兼容性最强） # 该方式不需要依赖元素的可见状态，所有场景都适用，还可以主动触发change事件保证前端关联逻辑正常执行： using OpenQA.Selenium; IJavaScriptExecutor js = (IJavaScriptExecutor)DriverContext.Driver; // 原生select场景 var selectElement = DriverContext.Driver.FindElement(By.Name("product name")); js.ExecuteScript(@" const select = arguments[0]; const targetText = arguments[1]; for(let i = 0; i < select.options.length; i++){ if(select.options[i].text.trim() === targetText){ select.selectedIndex = i; select.dispatchEvent(new Event('change')); break; } }", selectElement, "grape"); // 自定义模拟下拉场景 ProductName.Click(); var grapeOption = DriverContext.Driver.FindElement(By.XPath("//*[text()='grape']")); js.ExecuteScript("arguments[0].click()", grapeOption); 内容的提问来源于stack exchange，提问作者user10829672