<option value>Click here to move around the site</option>
<option value="flowers.shtml">A page about flowers</option>
<option value="muck.shtml">A page about muck</option>
I want to add a second level to the menu so that, for example, sub pages under "flowers" appear in the drop down menu when that is clicked on. Is there a way to do it in HTML and simple Java script as in the above? I don't want to get too complicated.
Unfortunately, what you are asking for cannot be done as you envision it because you cannot change a page's elements/appearance easily and because you cannot put a selection list within a selection list (like the windows apps "...") . However, there are two alternatives:
You put 2 or more selection lists on your page and fill the rightmost ones based on a selection from the previous one -- see the "Cascading Selects (I & II)" scripts/tutorials at my site.
2) using dHTML:
you place the second selection list within a div and change its visibility based upon the first selection list -- see the "Hiding Options in a Form" script/tutorial at my site.