Selenium Web Driver操作动态下拉框：XPath定位元素失败问题

在Rahul Shetty Academy的下拉框练习页面，使用Selenium WebDriver通过XPath选择出发城市时，无法定位目标元素，抛出NoSuchElementException异常。

报错信息 #

Exception in thread "main" org.openqa.selenium.NoSuchElementException: no such element: Unable to locate element: {"method":"xpath","selector":"//input[@selectedvalue='BLR']"}
      (Session info: chrome=121.0.6167.85)
    For documentation on this error, please visit: https://www.selenium.dev/documentation/webdriver/troubleshooting/errors#no-such-element-exception
    Build info: version: '4.17.0', revision: 'e52b1be057*'
    System info: os.name: 'Mac OS X', os.arch: 'x86_64', os.version: '14.2.1', java.version: '17.0.9'
    Driver info: org.openqa.selenium.chrome.ChromeDriver
    Command: [f9e14578261c798b2021551ffe86d360, findElement {value=//input[@selectedvalue='BLR'], using=xpath}]
    Capabilities {acceptInsecureCerts: false, browserName: chrome, browserVersion: 121.0.6167.85, chrome: {chromedriverVersion: 121.0.6167.85 (3f98d690ad7e..., userDataDir: /var/folders/md/pyls622d4kd...}, fedcm:accounts: true, goog:chromeOptions: {debuggerAddress: localhost:61894}, networkConnectionEnabled: false, pageLoadStrategy: normal, platformName: mac, proxy: Proxy(), se:cdp: ws://localhost:61894/devtoo..., se:cdpVersion: 121.0.6167.85, setWindowRect: true, strictFileInteractability: false, timeouts: {implicit: 0, pageLoad: 300000, script: 30000}, unhandledPromptBehavior: dismiss and notify, webauthn:extension:credBlob: true, webauthn:extension:largeBlob: true, webauthn:extension:minPinLength: true, webauthn:extension:prf: true, webauthn:virtualAuthenticators: true}
    Session ID: f9e14578261c798b2021551ffe86d360
        at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance0(Native Method)
        at java.base/jdk.internal.reflect.NativeConstructorAccessorImpl.newInstance(NativeConstructorAccessorImpl.java:77)
        at java.base/jdk.internal.reflect.DelegatingConstructorAccessorImpl.newInstance(DelegatingConstructorAccessorImpl.java:45)
        at java.base/java.lang.reflect.Constructor.newInstanceWithCaller(Constructor.java:499)
        at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:480)
        at org.openqa.selenium.remote.codec.w3c.W3CHttpResponseCodec.createException(W3CHttpResponseCodec.java:185)
        at org.openqa.selenium.remote.codec.w3c.W3CHttpResponseCodec.decode(W3CHttpResponseCodec.java:134)
        at org.openqa.selenium.remote.codec.w3c.W3CHttpResponseCodec.decode(W3CHttpResponseCodec.java:51)
        at org.openqa.selenium.remote.HttpCommandExecutor.execute(HttpCommandExecutor.java:190)
        at org.openqa.selenium.remote.service.DriverCommandExecutor.invokeExecute(DriverCommandExecutor.java:216)
        at org.openqa.selenium.remote.service.DriverCommandExecutor.execute(DriverCommandExecutor.java:174)
        at org.openqa.selenium.remote.RemoteWebDriver.execute(RemoteWebDriver.java:519)
        at org.openqa.selenium.remote.ElementLocation$ElementFinder$2.findElement(ElementLocation.java:165)
        at org.openqa.selenium.remote.ElementLocation.findElement(ElementLocation.java:59)
        at org.openqa.selenium.remote.RemoteWebDriver.findElement(RemoteWebDriver.java:356)
        at org.openqa.selenium.remote.RemoteWebDriver.findElement(RemoteWebDriver.java:350)
        at DynamicDropdowns.main(DynamicDropdowns.java:19)

相关代码 #

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class DynamicDropdowns {
    public static void main(String[] args) throws InterruptedException {
        System.setProperty("webdriver.chrome.driver", "/Users/mfigures/Documents/COFTA/chromedriver-mac-x64/chromedriver");
        
        WebDriver driver = new ChromeDriver();
        driver.get("https://rahulshettyacademy.com/dropdownsPractise/");
        
        driver.findElement(By.id("ctl00_mainContent_ddl_originStation1_CTXT")).click();
        Thread.sleep(2000);
        
        driver.findElement(By.xpath("//input[@selectedvalue='BLR']")).click();
        driver.findElement(By.xpath("//input[@selectedvalue='MAA']")).click();
    }
}

解决方案 #

1. 修正元素定位方式 #

原代码错误定位了input元素，实际点击下拉框后，可选城市选项是a标签而非input。正确的XPath需定位a标签的value属性：

• 出发城市BLR：//a[@value='BLR']
• 到达城市MAA：//div[@id='glsctl00_mainContent_ddl_destinationStation1_CTNR']//a[@value='MAA']（添加父容器限定，避免页面中出现重复元素导致定位错误）

2. 替换硬编码等待为显式等待 #

Thread.sleep是不稳定的等待方式，改用Selenium显式等待，等待元素可点击后再执行操作，提升脚本稳定性。

修改后的代码 #

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import java.time.Duration;

public class DynamicDropdowns {
    public static void main(String[] args) {
        System.setProperty("webdriver.chrome.driver", "/Users/mfigures/Documents/COFTA/chromedriver-mac-x64/chromedriver");
        
        WebDriver driver = new ChromeDriver();
        driver.get("https://rahulshettyacademy.com/dropdownsPractise/");
        WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));
        
        // 点击出发城市输入框
        wait.until(ExpectedConditions.elementToBeClickable(By.id("ctl00_mainContent_ddl_originStation1_CTXT"))).click();
        
        // 选择出发城市BLR
        wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//a[@value='BLR']"))).click();
        
        // 选择到达城市MAA（限定父容器避免重复）
        wait.until(ExpectedConditions.elementToBeClickable(By.xpath("//div[@id='glsctl00_mainContent_ddl_destinationStation1_CTNR']//a[@value='MAA']"))).click();
    }
}

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