Articles → SELENIUM → Selectbyvalue, Selectbyindex And Selectbyvisibletext Methods In Selenium

Selectbyvalue, Selectbyindex And Selectbyvisibletext Methods In Selenium

In this article, we will discuss selectByValue, selectByIndex and selectByVisibleText methods in Selenium

HTML Code

Before we discuss about these methods, let us write some HTML code. In the HTML code, we will have a dropdown with 4 options. See the following code

<!DOCTYPE html>
<html lang="en"
	xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<select id="AllOptions">
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="4">Option 4</option>
		</select>
	</body>
</html>

When you open the above HTML code in the browser, you will see following output

Picture showing the html page with dropdown

Click to Enlarge

Selectbyvalue

This method is meant for selecting the drop down option based on the value. In the HTML code, if we want to select the ‘Option 3’ based on value then selenium code would be

package com.FirstSeleniumProject;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.Test;

public class MyClass {
	@Test
	public void TestAnnotation() {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Select selectObject = new Select(driver.findElement(By.id("AllOptions")));
		selectObject.selectByValue("3");
	}
}

When you run the above code, you will get this output

Click to Enlarge

Selectbyindex

This method is meant for selecting the drop down option based on the selected index of the drop down. In the HTML code, if you want to select the element at index 1 (index in drop downs starts with zero) then selenium code would be

package com.FirstSeleniumProject;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.Test;

public class MyClass {
  @Test
	public void TestAnnotation() {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Select selectObject = new Select(driver.findElement(By.id("AllOptions")));
		selectObject.selectByIndex(1);
	}
}

When you run the above code, you will get this output

Click to Enlarge

Selectbyvisibletext

This method is meant for selecting the drop down option based on the text. In the HTML code, if you want to select the ‘Option 4’ then selenium code would be

package com.FirstSeleniumProject;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.ie.InternetExplorerDriver;
import org.openqa.selenium.support.ui.Select;
import org.testng.annotations.Test;

public class MyClass {
  @Test
	public void TestAnnotation() {
		WebDriver driver;
		String service = "IEDriverServer path";
		System.setProperty("webdriver.ie.driver", service);
		driver = new InternetExplorerDriver();
		driver.get("http://localhost:18275/Page1.html");

		Select selectObject = new Select(driver.findElement(By.id("AllOptions")));
		selectObject.selectByVisibleText("Option 4");
	}
}

When you run the above code, you will get this output

Click to Enlarge

Posted By -	Karan Gupta

Posted On -	Saturday, April 29, 2017

Query/Feedback

Your Email Id		**

Subject		*

Query/Feedback	Characters remaining 250	**