JavaScript get valued of selected <select> drop down l

[code:1:4be190f44a]Package = OrderForm.package.options[OrderForm.package.selectedIndex].value;[/code:1:4be190f44a]

OrderForm = Name of HTML form the SELECT is inside
package = Name of SELECT element eg.<select name="package">

JavaScript says form name is not defined even though it is

I've integrated this into my design and I got an error saying the Form Name is not defined, even though in a standalone page the same code with the same form name which is defined is there.

Here is what normally worked:
[code:1:f5ffccc1a6]
Package = OrderForm.package.options[OrderForm.package.selectedIndex].value;[/code:1:f5ffccc1a6]

I also tried:
[code:1:f5ffccc1a6]
Package = [b]document[/b].OrderForm.package.options[OrderForm.package.selectedIndex].value;[/code:1:f5ffccc1a6]

Ok this is messed up........llike I said the code worked fine before, but not with the integration of my site. The whole thing came down to the doctype!

I have no idea why but here is the bad DOCTYPE:

[code:1:f5ffccc1a6]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
[/code:1:f5ffccc1a6]

Good DOCTYPE

[code:1:f5ffccc1a6] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">[/code:1:f5ffccc1a6]