18.3. Organizing Options into Groups: <optgroup>

If a selection list contains too many options, it may look disorganized. One possible solution to this problem is to organize the options into various groups. An option group is defined using the <optgroup></optgroup> tag pair. Its title attribute specifies the title of an option group.

The following WML example demonstrates how to use the <optgroup></optgroup> tags to organize options of a selection list:


(selListEg3.wml)

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.3//EN" "http://www.wapforum.org/DTD/wml13.dtd">

<wml>
  <card id="card1" title="Selection List">
    <p>
      <select name="selection_list">
        <optgroup title="WML Tutorial Ch1">
          <option value="tutorial_1A">Part 1A</option>
          <option value="tutorial_1B">Part 1B</option>
        </optgroup>
        <optgroup title="WML Tutorial Ch2">
          <option value="tutorial_2A">Part 2A</option>
          <option value="tutorial_2B">Part 2B</option>
        </optgroup>

      </select>
    </p>
  </card>
</wml>


The following screenshots show the result of the above WML example in some mobile phone browsers:












Sony Ericsson T610











Sony Ericsson T68i











Nokia Mobile Browser 4.0


Previous Page Page 33 of 50 Next Page


Feedback Form (ExpandCollapse)

What do you think about this web page?






(Optional) Please provide us more details. For example, suppose you select option 2 above, can you tell us specifically what information is missing? You can also suggest anything that can help us improve this web page.

(Optional) Your name:

(Optional) Your email address:

Please enter again to confirm:

Due to the amount of messages we received, we may not be able to reply to all messages.