Unable to Click on Dropdown using Python Selenium

Question

I'm trying to select an element from a dropdown but getting an error.

Here is the HTML:

<select id="childContextDDL" data-filter="contains" data-role="dropdownlist" data-template="dcf-context-picker" data-value-field="Value" data-text-field="DisplayText" data-bind="events: { change: childContextListChange }, source: childContextList.ChildContextList" style="display: none;">
<option value="1">NATION</option>
<option value="12">ATLANTIC</option>
<option value="16">CHARLOTTE, NC</option>

And this is the code that I'm trying to run:

mySelect = Select(driver.find_element_by_id("childContextDDL"))
print('MySelect is: ',mySelect)
mySelect.select_by_visible_text('ATLANTIC')

I'm getting this error:

selenium.common.exceptions.ElementNotInteractableException: Message: element not interactable: Element is not currently visible and may not be manipulated

What's the possible reason for getting this error? I'm very new to Selenium.

I also want to click on that element after selecting it.

You can find an answer to this question here: https://stackoverflow.com/questions/7867537/how-to-select-a-drop-down-menu-value-with-selenium-using-python — Cédric
– Cédric, Commented May 31, 2021 at 14:49
You can find an answer to this question here: stackoverflow.com/questions/7867537/… — Cédric
– Cédric, Commented May 31, 2021 at 14:50
If you look at the 2nd answer in your link, I've done exactly that but it still isn't working — ShridharK
– ShridharK, Commented May 31, 2021 at 14:50

ShridharK · Accepted Answer · 2021-05-31 15:38:55Z

1

The problem was that the style within the html was set to none. So I had to first change that style to block to make it visible and then proceed with the clicking operation.

Here's the code that worked:

driver.execute_script("document.getElementById('childContextDDL').style.display = 'block';")

mySelect = Select(driver.find_element_by_id("childContextDDL"))
print('MySelect is: ',mySelect)
mySelect.select_by_visible_text('ATLANTIC')

randomClick = driver.find_element_by_id('dcf-user-info')
randomClick.click()

answered May 31, 2021 at 15:38

ShridharK

3853 silver badges20 bronze badges

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

Comments

Prophet · Accepted Answer · 2021-05-31 14:56:40Z

0

I guess the mySelect element (the dropdown menu) is not visible.
So please try the following:

from selenium.webdriver.common.action_chains import ActionChains
actions = ActionChains(driver)

mySelect = Select(driver.find_element_by_id("childContextDDL"))

actions.move_to_element(mySelect).perform()
mySelect.select_by_visible_text('ATLANTIC')

If the above doesn't work (I can't see the actual site you are working on), the following can work instead in the element has to be tapped to become enabled

action = TouchActions(driver)
action.tap(mySelect).perform()
mySelect.select_by_visible_text('ATLANTIC')

answered May 31, 2021 at 14:56

Prophet

33.5k28 gold badges58 silver badges90 bronze badges

13 Comments

ShridharK Over a year ago

For the 1st piece of code, I'm getting this error: AttributeError: move_to requires a WebElement

ShridharK Over a year ago

For the 2nd piece of code, I'm getting this error: AttributeError: 'Select' object has no attribute 'id'

Prophet Over a year ago

This is what YOU wrote. I have no idea how to locate that element

ShridharK Over a year ago

Haha it was still within the HTML code that I had posted but it was at the end. Anyway, it's fine, thanks for trying to help me out, really appreciate it!

ShridharK Over a year ago

I've asked 1 more question. If you have time, it will be helpful if you can look into it: stackoverflow.com/questions/67784552/…

|

JorgeHB · Accepted Answer · 2021-05-31 15:07:37Z

0

If it says it is not currently visible, you should try pausing the code with one of this options:

time.sleep(1) #This states to your code to stop for 1 second and the continue with the work.
WebDriverWait(driver, 10).until(EC.element_to_be_visible(BY.value, "12")) # tells the driver to wait a maximum of ten seconds until the value "12" is visible for the driver.

edited May 31, 2021 at 15:07

answered May 31, 2021 at 14:53

JorgeHB

1038 bronze badges

8 Comments

ShridharK Over a year ago

Can you please fill in the blanks for my code, it'll be really helpful. I'm finding the syntax of that confusing for now

JorgeHB Over a year ago

Edited! Tell me if it works just with this :)

C. Peck Over a year ago

The problem is that the element is present but not visible when the interaction is attempted. So I don't see how waiting for the presence will help. Perhaps you should use EC.element_to_be_visible()?

JorgeHB Over a year ago

Yes, it is more logical your argument.

ShridharK Over a year ago

Should this be before 'mySelect'? Because I tried that and now getting this error: AttributeError: type object 'By' has no attribute 'value'

|

Collectives™ on Stack Overflow

Unable to Click on Dropdown using Python Selenium

3 Answers 3

Comments

13 Comments

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

13 Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related