Select value by text from a dynamic non select dropdown using Selenium Java

Question

I want to select value by text from a dynamic non select dropdown. I did some research and I found this code:

WebElement element = driver.findElement(ByMapper.getBy(dropdown));
element.click();
List<WebElement> options = element.findElements(By.xpath("/html/body/div[1]/div[2]/div/div/div"));
for (WebElement option : options){
    if (option.getText().contains(text)){
        option.click();
        break;
    }
}

Basically it put the dropdowns options into a List element, and run through in a for loop, and if the options contains text, click it and break the loop. However it is not working with this type of dropdown:

Snapshot:

Dropdown

Can you suggest what can I do?

Snapshot of Specific value:

Specific value

Note: The page is only available via private vpn, so I cannot share it.

Can you share page URL?

pburgr
– pburgr

2022-02-18 10:08:44 +00:00
Commented Feb 18, 2022 at 10:08 — pburgr
– pburgr, Commented Feb 18, 2022 at 10:08
This is only available via private vpn

tester.raheem123
– tester.raheem123

2022-02-18 10:14:08 +00:00
Commented Feb 18, 2022 at 10:14 — tester.raheem123
– tester.raheem123, Commented Feb 18, 2022 at 10:14

undetected Selenium · Accepted Answer · 2022-02-18 12:47:26Z

1

To select the value by text Teszt_5 from a dynamic non Select dropdown you can use the following locator strategies:

String text = "Teszt_5";
WebElement element = driver.findElement(ByMapper.getBy(dropdown));
element.click();
List<WebElement> options = element.findElements(By.xpath("//div[@class='mat-autocomplete-panel mat-autocomplete-visible ng-star-inserted' and starts-with(@aria-labelledby, 'mat-form-field-label')]//mat-option//span[@class='mat-option-text']"));
for (WebElement option : options){
    if (option.getText().contains(text)){
        option.click();
        break;
    }
}

References

You can find a couple of relevant detailed discussions in:

answered Feb 18, 2022 at 12:47

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Eliseo Over a year ago

is this Angular? sure you can not use [ngModel] to know the value and the text of the option selected?. I know that we can use javascript in an Angular app, but really is necesary?

Collectives™ on Stack Overflow

Select value by text from a dynamic non select dropdown using Selenium Java

1 Answer 1

References

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

References

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related