How to get selected value from Dropdown in JSP





Hey guys in this article, you will learn about reading the dropdown value in JSP with full code example

Read More:

Overview


To create a dropdown in HTML we will use <select> tag, it takes the name attribute. It contains <option> tag for the dropdown values

To read the form values in JSP, we will use the request object

<%= request.getParameter("dropdownName") %>

getParameter() takes the name of the dropdown element. Another shortcut method to read dropdown value is using param object

${param.dropdownName}

Using param object we can access the dropdown elements.

Complete Example


Follow the below steps to understand the complete example

Create a Project


You can check the following post to create a new Dynamic Web Project

Create a HTML form


Create EmployeeForm.html file under WebContent and add the following content

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<title>Employee Form</title>
	</head>

	<body>
		
		<form action="employee-details.jsp">
			
			First Name:
			<input type = "text" name = "firstName" />
			<br/><br/>
			
			Last Name:
			<input type = "text" name = "lastName" />
			<br/><br/>
			Select country:
			<select name = "country">
				<option>India</option>
				<option>Australia</option>
				<option>Germany</option>
				<option>Spain</option>
				<option>Canada</option>
			</select>
			<button type="submit">Submit</button>
			
		</form>
		
	</body>

</html>

Create a JSP file


Create employee-details.jsp file under WebContent and add the following content

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
	
	<h1>Employee details</h1>
	<p>First Name: ${param.firstName}</p>
	<p>Last Name: ${param.lastName}</p>
	<p>Country: ${param.country}</p>
</body>
</html>

Run the file


Right click on the File, choose Run As, choose Run on Server. It will open in a default web browser, you will see the following content
7

8

That’s it for this post, if you like this post, please share this post with your friends and collogues and also share this on your social media profiles.




About the author

Bushan Sirgur

Hey guys, I am Bushan Sirgur from Banglore, India. Currently, I am working as an Associate project in an IT company.

View all posts

Leave a Reply

Your email address will not be published. Required fields are marked *