Один и тот же идентификатор для 2 выпадающего меню не может выполнить действия.

Question

В моем коде есть 2 выпадающих списка на 2 разных страницах, и у них обоих одинаковый идентификатор "Birth-Nations".Я могу выполнить действия, используя этот идентификатор, но когда он идет на секунду, он выдает ошибку, что элемент не виден.

Вот мой код:

Select dropdown1111111 = new Select(driver.findElement(By.id("birth-nation")));
dropdown1111111.selectByVisibleText("UNITED STATES");


Select dropdown1111111 = new Select(driver.findElement(By.id("birth-nation")));
dropdown1111111.selectByVisibleText("UNITED STATES");

Идентификатороба они одинаковы, и я не могу выполнить действия в раскрывающемся списке 2.

Файл HTML ниже.для 1 элемента:

 <select required="" name="birthNation" id="birth-nation" class="formcontrol input-sm sync valid" data-sync-to-element="#personal-info-view-birth_nation-243202808" aria-invalid="false">

для 2 элемента:

 <select required="" name="birthNation" id="birth-nation" class="form-control input-sm sync" data-sync-to-element="#personal-info-view-birth_nation-243202809"> 

Answer 1

Вы можете использовать ниже CSS Selector, так как только разница в вашем атрибуте включена # personal-info-view-birth_nation

select[id = "birth-nation"][data-sync-to-element = "#personal-info-view-birth_nation-243202808"]

select[id = "birth-nation"][data-sync-to-element = "#personal-info-view-birth_nation-243202809"]