Selenium webdriver dropdown selection using classname

Question

<div class="k-list-scroller" unselectable="on" style="height: 200px;">
<ul id="Salutation_listbox" class="k-list k-reset" unselectable="on" tabindex="-1" aria-hidden="false" aria-live="off" data-role="staticlist" role="listbox">
<li id="c77e68b5-ded1-48a8-932c-74a5b2f45c66" class="k-item k-state-selected k-state-focused" data-offset-index="0" unselectable="on" role="option" tabindex="-1">Salutation</li>
<li class="k-item" data-offset-index="1" unselectable="on" role="option" tabindex="-1" style="">Mr</li>
<li class="k-item" data-offset-index="2" unselectable="on" role="option" tabindex="-1">Mrs</li>
<li class="k-item" data-offset-index="3" unselectable="on" role="option" tabindex="-1">Miss</li>
<li class="k-item" data-offset-index="4" unselectable="on" role="option" tabindex="-1">Ms</li>
<li class="k-item" data-offset-index="5" unselectable="on" role="option" tabindex="-1">Dr</li>
<li class="k-item" data-offset-index="6" unselectable="on" role="option" tabindex="-1">Prof</li>
<li class="k-item" data-offset-index="7" unselectable="on" role="option" tabindex="-1">Rev</li>
</ul>
</div>
</div>

This is a salutation drop down, I need to select the Mr from the drop down values. My code is incomplete I don't know how to write a script for it, but my code is as follows,

driver.findElement(By.className("k-input")).click();
Thread.sleep(1000);
driver.findElement(By.className("k-item")).click();
driver.findElement(By.tagName("Mr")).click();

Madhan · Accepted Answer · 2016-09-20 20:33:32Z

2

As it is a KendoUI DropDown

You have to first click on the dropdown element.Could be span or div

I have taken the Demo Site to demsonstrate how you can select the values

I'm going to select Orange value from Cap Color DropDown

As you can see the element is span with class k-widget k-dropdown k-header.

You have to click on that first. Then only you'll get the ul list populated.

From that you can select any k-item by using the simple xpath.

//ul[@id='idOfUl']/li[@class='k-item' and text()='itemName']

For you it should be

//ul[@id='Salutation_listbox']/li[@class='k-item' and text()='Mr']

Sample Code

public void testKendo() {
        driver.get("http://demos.telerik.com/kendo-ui/dropdownlist/index");

        String capColorDropDown = "//span[@role='listbox']";

        driver.findElement(By.xpath(capColorDropDown)).click();

        String itemName = "Orange";

        String listId = "color_listbox";

        String xpathForItem = "//ul[@id='" + listId + "']/li[@class='k-item' and text()='" + itemName + "']";

        driver.findElement(By.xpath(xpathForItem)).click();

        driver.quit();
    }

answered Sep 20, 2016 at 20:33

Madhan

5,8484 gold badges31 silver badges61 bronze badges

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

1 Comment

Madhan Over a year ago

@user3836485 Then you can accept it as answer

Harish Ekambaram · Accepted Answer · 2016-09-20 12:21:43Z

0

I understand that you requirement is accessing the element through classname. so i have modified it as xpath with attributes as class and text contained in it.

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("document.getelementsbyclassname('k-list-scroller').setAttribute('unselectable', 'off')");
js.executeScript("document.getelementsbyclassname('k-list k-reset').setAttribute('unselectable', 'off')");
driver.findElement(By.xpath("//li[text()='Mr'and class='k-item']")).click();

answered Sep 20, 2016 at 12:21

Harish Ekambaram

3382 silver badges8 bronze badges

2 Comments

user3836485 Over a year ago

While executing this comment i am getting the error message as, unknown error:document.getelementsbyclassname is not a function

Akshay Over a year ago

It should be getElementsByClassName

Collectives™ on Stack Overflow

Selenium webdriver dropdown selection using classname

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related