<FORM NAME="election">
<SELECT NAME="presidents">
<OPTION NAME="leaving">Al Gore
<OPTION SELECTED>George W. Bush
</SELECT>   <INPUT TYPE="button" VALUE="Switch first option" onclick="document.election.presidents.item(0).text =
 'Bill Clinton'">
</FORM>

The button on the right hand side has the following event handler:

onclick="document.election.presidents.item(0).text = 'Bill Clinton'";

Examine carefully the two menu options: Al Gore and George W. Bush. Click the button. In both Netscape 6 and Internet Explorer, the first option will be changed to "Bill Clinton".

People who read this tip also read these tips:

• Modifying Options on the Fly
• The DOM's Properties
• The DOM's document Object
• Modifying Options on the Fly
• Printing Objects in Netscape 6