spacer image Home | My Websites | Javascript Workbench


click here to see the source code
Drop Down and Go

The Select List form element is sometimes used for navigation. An easy way to do this is to use urls as the values of the selection list options. Four typical styles:


Style One:
Choose from the select list and you immediately go there.
(Use your back button to return here.)



Style Two:
Choose from the select list and click a button to go there.
(Use your back button to return here.)



Style Three (Combo):
Choose from the select list to immediately go there. But, if nothing happens, you can hit the "Go There" button.
(Use your back button to return here.)



Style Four (Combo with your own button):
Choose from the select list to immediately go there. But, if nothing happens, you can hit the "Go" button.
(Use your back button to return here.)



Comment:
Style One would be prettiest and everyone's favorite, except for one glitch. If you drop down and go, then return using your back button, the browser does not restore the select list to the first element. The browser restores the select list to the option you had just chosen. Now, if you select that same option again, you go nowhere. Thus, for this one case, you need the button to go there. So Style Three or Four is the safest, if not quite the prettiest.



spacer image Home | My Websites | Javascript Workbench