This control uses the OPTGROUP tag to group OPTIONS in a SELECT element. It is a subclass of ListBox and works the same way.

The text before the first "|" character is used as the group name and is used to group elements inside an OPTGROUP of that name. The rest of the text is used as the text of the OPTION.

It uses "doubling" for escaping so if "||" appears in the name, it is converted to a single "|" and the first single "|" is used as the delimiter.

GroupedListBox Demo

Single Select

Multiple Select

Add new items to each GroupedListBox