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