In this section, we are going to describe the optgroup tag. The optgroup tag is a UI tag that creates an optgroup component which needs to reside within a select tag <s:select>.
Add the following code snippet into the struts.xml file.
struts.xml
Create a jsp using the tag <s:optgroup> within the <s:select> tag. It creates an optgroup component. This tag contains few parameters:
The label parameter sets the label attribute In our case we have set it to "Hardware" and "Software".
optgroupTag.jsp
Output of the optgroupTag.jsp:
Add the following code snippet into the struts.xml file.
struts.xml
<action name="optgroupTag"> <result>/pages/uiTags/optgroupTag.jsp</result> </action>
Create a jsp using the tag <s:optgroup> within the <s:select> tag. It creates an optgroup component. This tag contains few parameters:
The label parameter sets the label attribute In our case we have set it to "Hardware" and "Software".
optgroupTag.jsp
<%@ taglib prefix="s" uri="/struts-tags" %> <html> <head> <title>Optgroup Tag Example!</title> </head> <body> <h1><span style="background-color: #FFFFcc">Optgroup Tag Example! </span></h> <s:form> <s:select label="Please Select" name="select" list="%{#{'PROGRAMMING':'Programming', 'DATABASE':'DataBase', 'WEBAPPLICATION':'WebApplication'}}"> <s:optgroup label="Hardware" list="%{#{'CPU':'Centeral Processing Unit','MOUSE':'Mouse', 'KEYBOARD':'Keyboard'}}" /> <s:optgroup label="Software" list="%{#{'SYSTEM SOFTWARE':'System Software','APPLICATION SOFTWARE':'Application Software'}}" /> </s:select> </s:form> </body> </html>
Output of the optgroupTag.jsp: