A guide on choosing an option from a dropdown list with Selenium

Question

A guide on choosing an option from a dropdown list with Selenium

Struggling with choosing options from a list drop down box in Selenium.

Here's a snippet of the list box HTML and the Dropbox box:

<li class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root Mui-selected MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button Mui-selected"
tabindex="0" role="option" aria-disabled="false" aria-selected="true" data-value="588ad39c8557bd23e3c16059">
(public) ISO<span class="MuiTouchRipple-root"></span></li>

<li class="MuiButtonBase-root MuiListItem-root MuiMenuItem-root MuiMenuItem-gutters MuiListItem-gutters MuiListItem-button" tabindex="-1"
 role="option" aria-disabled="false" data-value="611e693ad6018009c8f7c681">
(public) public.dwg<span class="MuiTouchRipple-root"></span></li>

Attempts using the select element have failed as the select class is not present in my code base.

Is there an alternative method to select items from the Dropbox without relying on a select class?

Your assistance would be highly appreciated. Looking forward to any helpful responses.

Note: Tried multiple solutions found online, but none were successful in solving the issue.

https://i.stack.imgur.com/S2Zsc.png

selenium selenium-webdriver

Answer 1

Answer №1

The Selenium Select class is specifically designed for dropdowns created using the Select and Option tags. However, in the HTML code you provided, a li tag is being used, which means that the Select method will not work.

Solution :

Click on the dropdown menu.
Select the desired option from the list.

Sample Code :

If you are working with Python, you can use the following approach :

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "XPath of the dropdown menu"))).click()
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[contains(text(),'(public) public.dwg')]"))).click()

Imports :

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

Answer 2

The Selenium Select class is specifically designed for dropdowns created using the Select and Option tags. However, in the HTML code you provided, a li tag is being used, which means that the Select method will not work.

Solution :

Click on the dropdown menu.
Select the desired option from the list.

Sample Code :

If you are working with Python, you can use the following approach :

WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "XPath of the dropdown menu"))).click()
WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//li[contains(text(),'(public) public.dwg')]"))).click()

Imports :

from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.by import By
from selenium.webdriver.support import expected_conditions as EC

A guide on choosing an option from a dropdown list with Selenium

Answer №1

Similar questions

When attempting to generate a chrome instance using a different profile, new instances are created by chrome that are not linked to selenium

What are the best practices for managing certificates with Selenium?

Python Selenium Webdriver - Interacting with a button using a dynamic selector

"Use the power of drag and drop with Selenium to navigate and interact with images inside

Using Selenium and Python to scrape text from a continuously refreshing webpage after each scroll

Is it possible to scroll upwards and then click using Selenium with Python?

Encountering an unidentified issuer error code (SEC_ERROR_UNKNOWN_ISSUER) while using Python Webdriver with Firefox profiles

A guide to extracting information from a dynamic webpage using Selenium

When attempting to automate tasks with selenium, I encountered a problem where the mouseover function was not functioning

A Simple Java Method to Locate Elements

The WebDriver Manager for Selenium Automation is experiencing issues with the latest Chrome update, version 116

Using Selenium with Java to show suite results organized by run rather than individual test cases

Obtain all the selection choices in a dropdown list using Selenium

Expected "@" but got a syntax error on token "boolean"

Issue with Selenium WebDriver in Opera browser: Not able to retrieve message from renderer

Retrieve a button using its name attribute in Selenium with Python

What is the best way to have Selenium wait for an element to appear on the page?

The combination of spring, cucumber, and Selenium's fluent wait is causing my driver

What is the best method to find an element in a new webpage using XPath after navigating from the old page in Selenium?

python utilizing selenium for scraping data from multiple href links