Hey guys in this article, you will learn about reading the dropdown value in JSP with full code example
Read More:
- Check the Complete JSP Tutorials
- Check the Complete Spring Boot Tutorials [100+ Examples]
- Check the Complete Spring Boot and Thymeleaf Tutorial
- Check the Complete AWS Tutorial
- Check the Complete JavaServer Faces (JSF) Tutorial
- Check the Complete Spring Data JPA Tutorial
- Check the Complete Spring Security Tutorial
- Check the Javascript Projects for Beginners
- Check the Spring Boot JdbcTemplate Tutorials
Table of Contents
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
—
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.
