Title: Selection Menu
URL: http://www.activejump.com/m-9.shtml
Email: webmaster@activejump.com

Introduction

A selection menu is a list of items that can either be a drop-down list or an on-screen list. Users can then select item(s) from the list.
Selection Menu
Two tags mark off the selection menu. The starting one is <SELECT SIZE="X" NAME="XXXX"> and the closing tag is </SELECT>. X is replaced with the height of the list. If X is 1, one item will appear, if X is 2, two items will appear and so on. Please note that in order to have a drop-down list, X must be 1. If X is 2 or greater, there will be a scrollbar. XXXX is replaced with the name of the entire selection menu.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1">
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Selection Items
Selection items are the different items, or words, that are in your selection menu. These are marked off with a tag. The starting tag is <OPTION VALUE="X"> and the closing tag is </OPTION>. The word you want on the list goes between these tags. X is replaced with the value of the item, which is what is sent to the CGI script if that item is selected. This set of tags goes between the selection menu tags.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1">
<OPTION VALUE="1">Item 1</OPTION>
<OPTION VALUE="2">Item 2</OPTION>
<OPTION VALUE="3">Item 3</OPTION>
<OPTION VALUE="4">Item 4</OPTION>
<OPTION VALUE="5">Item 5</OPTION>
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Automatically Selected
Automatically selecting an item means that an item is already selected when the user loads the page. To automatically select an item, add the line SELECTED to the <OPTION VALUE="X"> tag so the final result looks like <OPTION VALUE="X" SELECTED>.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1">
<OPTION VALUE="1">Item 1</OPTION>
<OPTION VALUE="2" SELECTED>Item 2</OPTION>
<OPTION VALUE="3">Item 3</OPTION>
<OPTION VALUE="4">Item 4</OPTION>
<OPTION VALUE="5">Item 5</OPTION>
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer

Multiple Selections
Multiple selections allows users to make more than one selection if selecting the items while holding the CTRL key. To enable multiple selections, add the line MULTIPLE to the <SELECT SIZE="X" NAME="XXXX"> tag so the final result looks like <SELECT SIZE="X" NAME="XXXX" MULTIPLE>.

index.html - Notepad
....<BODY>

<FORM METHOD="POST" ACTION="script.cgi">

<SELECT SIZE="3" NAME="menu1" MULTIPLE>
<OPTION VALUE="1">Item 1</OPTION>
<OPTION VALUE="2">Item 2</OPTION>
<OPTION VALUE="3">Item 3</OPTION>
<OPTION VALUE="4">Item 4</OPTION>
<OPTION VALUE="5">Item 5</OPTION>
</SELECT>

</FORM>

</BODY>....

My Homepage - Microsoft Internet Explorer