Nodejs Selenium-webdriver Selecting Particular <select> element if there are 2 elements that have the same ID

Question

On a single page on our website, there are two elements that are.. very very similar:

"A"

<select class="form-control custom-select ng-untouched ng-pristine ng-invalid" id="SelectEU" name="SelectEU" required="">

"B"

<select class="form-control custom-select ng-untouched ng-pristine" id="SelectEU" name="SelectEU" required="" disabled="">

the differences are :

A has class ng-pristine

B has property disabled=""

How can I click on the first select, A, then select a particular value??

I have tried the following to no avail..

I tried selecting based on ng-pristine

element = await driver.findElement(By.xpath("//select[@class='form-control custom-select ng-untouched ng-pristine ng-invalid']"))[0];  

I tried selecting based on [0]..

element = await driver.findElement(By.xpath("//select[@id='SelectEU']"))[0];  

I tried selecting by the text (A contains the text "Electric Utility"

element = await driver.findElement(By.xpath("//option[@id='SelectEU' and text()='Electric Utility']"))[0];

It all has the error: no such element exists

Answer 1

You almost had it. The first match is [1] not [0].

Change your line to:

element = await driver.findElement(By.xpath("//select[@id='SelectEU'][1]"));

Edit: Regarding your second question in your main post comments

I do not have the nodejs knowledge to provide you the exact syntax of scrolling an element into view, however this is the JavaScript routine I use in Java to accomplish that requirement:

/** 
 * Scroll a web element into view
 * @author Bill Hileman
 * @param ele - WebElement
 */
public void scrollIntoView(WebElement ele) {

    ((JavascriptExecutor)driver).executeScript("window.scrollTo(" + ele.getLocation().x + 
                                                                "," + ele.getLocation().y + ")");

}