[Javascript] disabled menus

[Paul Novitski]

At 07:19 PM 2/28/2005, Chuck Soper wrote:
>I'm trying to display disabled menu items.


Chuck,

To disable a select option, just add the "disabled" attribute to the tag:

HTML:  <option disabled>Banana</option>
XHTML: <option disabled="disabled">Banana</option>

The disabled option is greyed out and can't be selected.

You can set this attribute with Javascript using code like this:

         oOption.setAttribute("disabled", "disabled");

where oOption is the OPTION object.

The disabled option is listed as an attribute of OPTION in the W3C HTML 
specification:

         The SELECT, OPTGROUP, and OPTION elements
         http://www.w3.org/TR/html4/interact/forms.html#h-17.6

(scroll down to the OPTION section)

Paul