Python selenium select option from angular js drop down

Question

Please open this website- https://mobikwik.com/
There is a form for Mobile with 2nd item as Select Operator.
I want to select - "Idea" from this drop down using selenium webdriver.
Please help.

Also, after selecting idea, i get a new drop down for select circle. Need to select Mumbai for it.

My attempt:

driver.find_element_by_css_selector("li > span.ng-binding").click()
driver.find_element_by_xpath("//label[3]/i").click()
driver.find_element_by_css_selector("font > label > i").click()
driver.find_element_by_xpath("//section[@id='mainunit']/div/div[2]/div/div[2]/div/div/div/form/div[4]/p/dl/dd/ul/li[9]/span").click()
driver.find_element_by_xpath("//font/label[2]/i").click()

Try this driver.find_element_by_xpath("//li[@class='ng-scope'][9]").click(). — JRodDynamite
– JRodDynamite, Commented Nov 4, 2015 at 11:04
To complete the comment of @JasonEstibeiro, first try: driver.find_element_by_xpath("//span[@class='ng-binding']").click() To make the options visible, and the click the option: driver.find_element_by_xpath("//li[@class='ng-scope'][9]").click() — Javitronxo
– Javitronxo, Commented Nov 4, 2015 at 11:13
Or this seems like a better option. Give it a try driver.find_element_by_xpath("//span[@class='ng-binding' and text()='Idea'][1]").click(). Let me know if any of them work. — JRodDynamite
– JRodDynamite, Commented Nov 4, 2015 at 11:22
Both options throw the same error: selenium.common.exceptions.ElementNotVisibleException: Message: Element is not currently visible and so may not be interacted with Looks like first you have to unfold the options and afterwards select it. — Javitronxo
– Javitronxo, Commented Nov 4, 2015 at 11:32
@Javitronxo - Realized it now. I had actually manually clicked on it (the ng-binding span). Anyways, upvoted your answer. — JRodDynamite
– JRodDynamite, Commented Nov 4, 2015 at 12:12

Javitronxo · Accepted Answer · 2015-11-05 09:10:54Z

4

I tried this code with same webpage and worked:

driver.find_element_by_xpath("//span[contains(text(), 'Select Operator')]").click()
driver.find_element_by_xpath("//span[contains(text(), 'Idea')]/..").click()

It is essential that you first make visible the options pannel, otherwise it will throw the following exception:

selenium.common.exceptions.ElementNotVisibleException: Message: Element is not currently visible and so may not be interacted with

Updated:

To select the Mumbai option:

driver.find_element_by_xpath("//span[contains(text(), 'Select Circle')]").click()
driver.find_element_by_xpath("//span[contains(text(), 'Mumbai')]/..").click()

edited Nov 5, 2015 at 9:10

answered Nov 4, 2015 at 12:09

Javitronxo

9356 silver badges9 bronze badges

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

1 Comment

Saurabh Shrivastava Over a year ago

Thanks....it wroked...i have updated my question....n tried a lot to implement the same by refering the code you provided..."after selecting idea, i get a new drop down for select circle. Need to select Mumbai for it"....can you help plz

Mesut GUNES · Accepted Answer · 2015-11-05 07:48:55Z

1

first click the select box then choose the option, to choose the vodafone you need to click 3rd child :

driver.find_element_by_css_selector(".select").click()
driver.find_element_by_css_selector(".options > ul:nth-child(1) > li:nth-child(3)").click()

other options are as the following:

.options > ul:nth-child(1) > li:nth-child(2) => Artiel
.options > ul:nth-child(1) > li:nth-child(3) => Vodafone
.options > ul:nth-child(1) > li:nth-child(4) => BSNL

after you select the first select box there are 2 select box, you can select it samely but by find_elements_by_css_selector() with pulural

# select first one
driver.find_element_by_css_selector(".select").click()
driver.find_element_by_css_selector(".options > ul:nth-child(1) > li:nth-child(3)").click()
# select second selectbox
# you may need to sleep until second selectbox is available
sleep(1)
driver.find_elements_by_css_selector(".select")[1].click()
driver.find_element_by_css_selector(".options.open > ul:nth-child(1) > li:nth-child(5)").click() # 5 option is Mumbai

edited Nov 5, 2015 at 7:48

answered Nov 4, 2015 at 12:35

Mesut GUNES

7,4612 gold badges36 silver badges52 bronze badges

1 Comment

Saurabh Shrivastava Over a year ago

Thanks....it worked...i have updated my question....n tried a lot to implement the same by refering the code you provided..."after selecting idea, i get a new drop down for select circle. Need to select Mumbai for it"....can you help plz

dhamodar · Accepted Answer · 2018-01-23 07:04:50Z

-1

floorselectionWait = WebDriverWait(driver,20).until(EC.presence_of_element_located((By.XPATH,'//*[@id="select_22"]'))) floorselection=driver.find_element(By.XPATH,'//*[@id="select_22"]') floorselection.click() flooroptionsWait = WebDriverWait(driver,10).until(EC.presence_of_element_located((By.XPATH,"//DIV[@class='md-text ng-binding'][text()='Level 7']"))) optionSelect=driver.find_element(By.XPATH,"//DIV[@class='md-text ng-binding'][text()='Level 7']") optionSelect.click() angularjs md-select md-option selecting in selenium python

answered Jan 23, 2018 at 7:04

dhamodar

12 bronze badges

Collectives™ on Stack Overflow

Python selenium select option from angular js drop down

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related