selenium python dynamic dropdown menu

Question

I want to fill form from a website automatically, everything goes well until I need to choose an option from dynamic dropdown menu.

<div id="field_type_group" class="field trigger-option group0" style="">
  <div class="label"><label>Input Type</label></div>
  <div class="input">
    <select>
      <option data-item-id="100" value="text_field_validation_type">Text input</option>
      <option data-item-id="200" value="dropdown_field_type">Dropdown list</option>
      <option data-item-id="300" value="location_field_type">Location based input</option>
    </select>
  </div>
</div>

<div id="text_field_validation_type" class="field trigger-option group100" style="display: none;">
  <div class="label"><label>Input validation</label></div>
  <div class="input">
    <select>
      <option data-item-id="0" data-displayfield="text_raw" value="none">No validation required</option>
      <option data-item-id="500" value="text_field_type">Validation required</option>
    </select>
  </div>
</div>

<div id="dropdown_field_type" class="field trigger-option group200" style="">
  <div class="label"><label>Data source for dropdown list</label></div>
  <div class="input">
    <select>
      <option data-item-id="6" data-displayfield="dropdown_static" value="none">Populate with list items specified here</option>
      <option data-item-id="7" data-displayfield="dropdown_dynamic" value="none">Retrieve list items from my service</option>
    </select>
  </div>
</div>

The dropdown menu are like this and I can successfully choose it for the first menu after trying many ways using this code.

wait.until(ec.visibility_of_element_located((By.XPATH, "//select[option[@value='text_field_validation_type']]"))).click()
browser.find_element_by_xpath(".//option[text()[contains(.,'Dropdown list')]]").click()

But the problems appear when I need to select the sub menu.

I have tried many ways (also try using Select and ActionChains) and nothing works.

My code using Select:

select_element = browser.find_element_by_xpath("//select[option[@value='text_field_validation_type']]")
select = Select(select_element)
select.select_by_index(1)

select_element = browser.find_element_by_xpath("//select[option[@data-item-id='6']]")
select = Select(select_element)
select.select_by_index(1)

My other code:

wait.until(ec.visibility_of_element_located((By.XPATH, "//select[option[@data-item-id ='6']]"))).click()
browser.find_element_by_xpath(".//option[@data-displayfield='dropdown_dynamic']").click()

I try many ways with changing the xpath value but nothing works and my environment doesnt support ActionChains.

EDIT:

I found out that I need to click the dropdown first, then I can use the select function, but it still only work on first menu. This is the code.

wait.until(ec.visibility_of_element_located((By.XPATH, "//select[option[@value='text_field_validation_type']]"))).click()
sleep(2)
select_element = browser.find_element_by_xpath("//select[option[@value='dropdown_field_type']]")
select = Select(select_element)
#select.select_by_index(1)
select.select_by_visible_text('Dropdown list')

I also notice that on the dynamic dropdown submenu, they use another div with style="display:none;" when it's not the dropdown submenu of my selected menu, is it affected my problem? I add HTML menu a little.

Can someone help me? Thank you very much.

Does the sub menu dropdown refreshes after you choose an option in the first dropdown? If that's the case, you might want to wait for some time.. — Naveenchandar
– Naveenchandar, Commented Oct 26, 2019 at 14:19

Sers · Accepted Answer · 2019-10-26 14:40:59Z

1

Try code below with Selenium Select, xpath based on label and wait for element to be clickable:

sub_menu = wait.until(EC.element_to_be_clickable((By.XPATH, "//div[@id='dropdown_field_type' and .//label[.='Data source for dropdown list']]//select")))
select = Select(sub_menu)
select.select_by_index(0)
# or
select.select_by_visible_text("Populate with list items specified here")

answered Oct 26, 2019 at 14:40

Sers

12.3k2 gold badges14 silver badges33 bronze badges

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

2 Comments

Sers Over a year ago

can you share URL?

Henry Gunawan Over a year ago

It works well after I update my browser and use the latest geckodriver. Sorry about that. My bad.

Naveenchandar · Accepted Answer · 2019-10-27 06:49:12Z

1

Can you try using xpath like this ?

dd1 = "//*[text() = 'Input Type']//following::select[1]"
dd2 = "//*[contains(text() , 'Data source')]//following::select[1]"

Select first dropdown by text or value.

select = Select(driver.find_element_by_xpath(dd1))

# select by visible text
select.select_by_visible_text('Dropdown list')
# OR select by value 
select.select_by_value('dropdown_field_type')

and then Select second dropdown

select = Select(driver.find_element_by_xpath(dd2))
# select by visible text
select.select_by_visible_text('Populate with list items specified here')

Make sure to add the exact text with the correct case.

answered Oct 27, 2019 at 6:49

Naveenchandar

78810 silver badges23 bronze badges

1 Comment

Henry Gunawan Over a year ago

btw, your code also work for the menu after I click it first, but doesnt work for the submenu, do you have any idea why.

Henry Gunawan · Accepted Answer · 2019-10-27 08:38:38Z

0

After trying many things, the solution is to upgrade the web browser and using the latest geckodriver, then using the Select function. My bad. Thank you very much for the help.

answered Oct 27, 2019 at 8:38

Henry Gunawan

256 bronze badges

Collectives™ on Stack Overflow

selenium python dynamic dropdown menu

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related