Select 下拉值使用 Python Selenium

Question

I am trying to select a dropdown value using Selenium in Python but not able to do so. The code I get from "Copy Selector" is this.

#mui-12848

The complete HTML is

<input aria-invalid="false" autocomplete="off" type="text" class="MuiInputBase-input MuiOutlinedInput-input MuiAutocomplete-input Reports-autocompleteInput-133 MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd MuiOutlinedInput-inputAdornedEnd" aria-autocomplete="list" autocapitalize="none" spellcheck="false" value="Monthly" id="mui-12848" aria-activedescendant="mui-12848-option-1" aria-controls="mui-12848-popup">

I have tried

s1 = Select(browser.find_element_by_id("mui-12848"))
s1.select_by_visible_text('Quarterly')

which gives the following error UnexpectedTagNameException: Message: Select only works on elements, not on

I have also tried

browser.find_element(By.XPATH("//*[@id='mui-12848'][2]")).click();

which gives the following error TypeError: 'str' object is not callable

Any help is appreciated.

Following is the Screenshot

Answer 1

Try using expected_conditions . See below. Replace browser =..... with your code.

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

browser = .....

# ADD YOUR CODE TO GET TO THE PAGE WITH THE BUTTON

to_click = WebDriverWait(browser, 10).until(EC.presence_of_element_located((By.XPATH, "//*[@id='mui-12848'][2]")))

to_click.click()

Answer 2

Your input type for that HTML element is text , it's not a Select or a dropdown. The selenium class supports Select .

Answer 3

This error message...

UnexpectedTagNameException: Message: Select only works on elements, not on

...implies that you tried to use Select() class which works only on <select> element where as the desired element was an <input> element.

To click on the <input> element you can use either of the following Locator Strategies :

• Using css_selector :

   driver.find_element_by_css_selector("input[class*='MuiInputBase-input'][id^='mui'][value='Monthly']").click()

• Using xpath :

   driver.find_element_by_xpath("//input[contains(@class, 'MuiInputBase-input') and starts-with(@id, 'mui')][@value='Monthly']").click()

---

Ideally, to click on the element you need to induce WebDriverWait for the element_to_be_clickable() and you can use either of the following Locator Strategies :

• Using CSS_SELECTOR :

   WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input[class*='MuiInputBase-input'][id^='mui'][value='Monthly']"))).click()

• Using XPATH :

   WebDriverWait(driver, 20).until(EC.element_to_be_clickable((By.XPATH, "//input[contains(@class, 'MuiInputBase-input') and starts-with(@id, 'mui')][@value='Monthly']"))).click()

• Note : You have to add the following 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 4

The syntax is incorrect. It should be like driver.find_element(By.XPATH, "//*[@id='mui-12848']").click()

Moreover, you cannot include the index inside the locator. You will need to use find_elements first and then use the index on top of that: driver.find_elements(By.XPATH,"//*[@id='mui-12848']")[2].click()