Optgroup Tag (Form Tag) Example

In this section, we are going to describe the optgroup tag

Optgroup Tag (Form Tag) Example

Optgroup Tag (Form Tag) Example

     

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

<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: