两个页面同ID下拉框操作异常：第二个元素不可见报错

这个问题在实际项目里挺常见的——虽然HTML规范明确要求ID必须是唯一的，但偶尔还是会遇到重复ID的情况。你现在的代码每次调用driver.findElement(By.id("birth-nation"))只会拿到DOM里第一个匹配的下拉框，第二个下拉框大概率处于未激活的页面/面板（比如隐藏的标签页），直接操作自然会触发"元素不可见"的错误。

给你几个实用的解决方案：

方案1：获取所有匹配元素，按索引选择 #

用findElements方法拿到所有ID为birth-nation的元素，再通过索引定位第二个（注意Java里List的索引是从0开始的）。记得先确保第二个元素所在的区域是可见的：

// 获取所有ID为birth-nation的下拉框元素
List<WebElement> dropdownList = driver.findElements(By.id("birth-nation"));

// 操作第一个下拉框
Select firstDropdown = new Select(dropdownList.get(0));
firstDropdown.selectByVisibleText("UNITED STATES");

// 先切换到第二个下拉框所在的页面/面板（示例：假设需要点击第二个标签按钮）
// driver.findElement(By.cssSelector(".tab-item:nth-child(2)")).click();

// 操作第二个下拉框
Select secondDropdown = new Select(dropdownList.get(1));
secondDropdown.selectByVisibleText("UNITED STATES");

方案2：利用唯一属性精准定位 #

观察两个下拉框的HTML，它们的data-sync-to-element属性值是唯一的，我们可以直接用这个属性来定位每个下拉框，避开重复ID的问题：

// 定位第一个下拉框
Select firstDropdown = new Select(driver.findElement(
    By.cssSelector("select[data-sync-to-element='#personal-info-view-birth_nation-243202808']")
));
firstDropdown.selectByVisibleText("UNITED STATES");

// 定位第二个下拉框
Select secondDropdown = new Select(driver.findElement(
    By.cssSelector("select[data-sync-to-element='#personal-info-view-birth_nation-243202809']")
));
secondDropdown.selectByVisibleText("UNITED STATES");

方案3：先激活元素所在区域再操作 #

如果第二个下拉框在隐藏的标签页或面板里，必须先切换到对应的区域，让元素处于可见状态，再执行选择操作：

// 点击第二个面板的切换按钮，让第二个下拉框可见
driver.findElement(By.id("second-panel-trigger")).click();

// 此时再定位并操作第二个下拉框
Select secondDropdown = new Select(driver.findElements(By.id("birth-nation")).get(1));
secondDropdown.selectByVisibleText("UNITED STATES");

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