				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr><html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">select</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>The <span class="literal">select</span> object reflects the
<span class="literal">select</span> element. This element is a form control
that contains <span class="literal">option</span> elements. Note that the
<span class="literal">innerHTML</span> and <span class="literal">innerText</span>
properties are not available on the Macintosh version of Internet
Explorer 4. The shared <span class="literal">disabled</span> property is
available for Netscape 6.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="htmlequivalent"><span class="title">HTML Equivalent</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;select&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">selectName</span>
[window.]document.forms[i].elements[i]
[window.]document.getElementById("<span class="replaceable">elementID</span>")</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificproperties"><span class="title">Object-Specific Properties</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">dataFld</span></td><td><span class="literal">dataSrc</span></td><td><span class="literal">form</span></td><td><span class="literal">length</span></td><td><span class="literal">multiple</span></td><td><span class="literal">name</span></td>
								</tr>
								<tr><td><span class="literal">options[ ]</span></td><td><span class="literal">selectedIndex</span></td><td><span class="literal">size</span></td><td><span class="literal">type</span></td><td><span class="literal">value</span></td><td></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificmethods"><span class="title">Object-Specific Methods</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><tr><td><span class="literal">add( )</span></td><td><span class="literal">item( )</span></td><td><span class="literal">namedItem( )</span></td><td><span class="literal">remove( )</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectspecificeventhandlerproperties"><span class="title">Object-Specific Event Handler Properties</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<table border="1"><tbody><th>Handler</th><th>NN</th><th>IE</th><th>DOM</th><tr><td>onblur</td><td>2</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onchange</td><td>2</td><td>4</td><td>n/a</td>
								</tr>
								<tr><td>onfocus</td><td>2</td><td>4</td><td>n/a</td>
								</tr>
							</tbody></table>
					</td>
				</tr>
			</table>
		</div>
				<div id="accessKey">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">accessKey</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			This is single character key that either gives focus to an element
		(in some browsers) or activates a form control or link action. The
		browser and operating system determine if the user must press a
		modifier key (e.g., <span class="emphasis">Ctrl</span>, <span class="emphasis">Alt</span>, or <span class="emphasis">Command</span>) with the access key to activate the
		link. In Windows versions of IE 5 and later and Netscape 6, the
		<span class="emphasis">Alt</span> key is required and the key is
		not case-sensitive. For Macintosh versions of IE 5 and later and
		Netscape 6, the <span class="emphasis">Ctrl</span> modifier key is
		required to effect the action.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			Although listed here as a widely shared property, that
		isn't strictly the case across all implementations.
		Netscape 6 (per the W3C DOM) recognizes this property only for the
		following elements: <span class="literal">a</span>, <span class="literal">area</span>,
		<span class="literal">button</span>, <span class="literal">input</span>,
		<span class="literal">label</span>, <span class="literal">legend</span>, and
		<span class="literal">textarea</span>. To this list, IE 4 adds
		<span class="literal">applet</span>, <span class="literal">body</span>,
		<span class="literal">div</span>, <span class="literal">embed</span>,
		<span class="literal">isindex</span>, <span class="literal">marquee</span>,
		<span class="literal">object</span>, <span class="literal">select</span>,
		<span class="literal">span</span>, <span class="literal">table</span>, and
		<span class="literal">td</span> (but removes <span class="literal">label</span> and
		<span class="literal">legend</span>). IE 5 adds every other renderable element,
		but with a caution. Except for <span class="literal">input</span> and other
		form-related elements, you must also assign a
		<span class="literal">tabindex</span> attribute or <span class="literal">tabIndex</span>
		property value to the IE 5 and later element (even if
		it's simply a value of zero for all) to let the
		accelerator key combination bring focus to the element. As of Version
		7, Netscape does not alter UI behavior if a script changes the
		property's value.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.links[3].accessKey = "n";</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Single alphanumeric (and punctuation) keyboard character.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Empty string. </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="blur( )">
					<table cellpadding="0" cellspacing="0"

		border="0" width="100%" class="main">
						<tr><td valign="top" class="name">blur(

		)</td><td valign="top" nowrap class="compatibility">NN <span

		class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span

		class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap

		class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap

		class="requirements"></td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="description">
								<p>			Removes

		focus from the current object, at which time the
		object's <span class="literal">onblur</span> event fires. Note
		that the range of elements capable of focus and blur (both the event
		and method) is limited in all browsers except for more recent
		versions of IE (see the shared <span class="literal">tabindex</span>

		attribute
		in Chapter 8). Most reliably for backward
		compatibility, apply the <span class="literal">blur( )</span> method to
		blatantly focusable elements, such as text <span

		class="literal">input</span>
		and <span class="literal">textarea</span> elements. Assigning the

		attribute
		<span class="literal">onfocus="this.blur( );"</span> to a text
		<span class="literal">input</span> element, for instance, is a crude

		but
		effective backward-compatible way to largely disable a field for
		browsers that do not provide genuine element disabling.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			Use

		<span class="literal">blur( )</span> and <span class="literal">focus(

		)</span>
		methods in moderation on the same page. You can inadvertently trigger
		endless loops of blurring and focusing if alert dialog boxes are
		involved along the way. Moreover, be aware that when you invoke the
		<span class="literal">blur( )</span> method on one object, some other

		object
		(perhaps the <span class="literal">window</span> object) receives an
		<span class="literal">onfocus</span> event.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="parameters"><span class="title">Parameters</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2"

		class="returnedvalue"><span class="title">Returned Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			None.</p>
							</td>
						</tr>
					</table>
		</div>
		<div id="dataFld">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataFld</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Used with IE data binding to associate a remote data source column
name with the <span class="literal">selectedIndex</span> property of the
<span class="literal">select</span> object. A <span class="literal">datasrc</span>
attribute must also be set for the element. Setting both the
<span class="literal">dataFld</span> and <span class="literal">dataSrc</span> properties
to empty strings breaks the binding between element and data source.
Works only with text file data sources in IE 5/Mac.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.forms[0].mySelect.dataFld = "choice";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Case-sensitive identifier of the data source column.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="dataSrc">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">dataSrc</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Used with IE data binding to specify the ID of the
page's <span class="literal">object</span> element that loads
the data source object for remote data access. Setting both the
<span class="literal">dataFld</span> and <span class="literal">dataSrc</span> properties
to empty strings breaks the binding between element and data source.
Works only with text file data sources in IE 5/Mac.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.forms[0].mySelect.dataSrc = "DBSRC3";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Case-sensitive identifier of the data source.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>

		<div id="disabled">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">disabled</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Specifies whether the element is available for user interaction. When
		set to <span class="literal">true</span>, the element cannot receive focus or
		be modified by the user, and it typically appears grayed out on the
		page. This property is available for all HTML element objects in IE
		5.5 for Windows and later. For IE 4 and IE 5, it applies only to form
		controls, while Netscape 6 and later recognize the property for form
		controls and the <span class="literal">style</span> element object. A disabled
		form control's name/value pair is not submitted with
		its form.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.getElementById("myButton").disabled = true;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">false</span></p>
							</td>
						</tr>
					</table>
				</div>
				<div id="focus( )">
							<table cellpadding="0" cellspacing="0"

				border="0" width="100%" class="main">
								<tr><td valign="top"

				class="name">focus( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span

				class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
								</tr>
								<tr>
									<td valign="top" nowrap

				class="usage"><p class="literal"></p>
									</td><td valign="top" nowrap

				class="requirements"></td>
								</tr>
								<tr>
									<td valign="top" colspan="2"

				class="description">
										<p>			Gives

				focus from the current object, at which time the
				object's <span class="literal">onfocus</span> event fires.
				Note that the range of elements capable of focus and blur (both the
				event and method) is limited in all browsers except for more recent
				versions of IE (see the shared <span class="literal">tabindex</span>

				attribute
				in Chapter 8). Most reliably for backward
				compatibility, apply the <span class="literal">focus( )</span> method

				to
				blatantly focusable elements, such as text <span

				class="literal">input</span>
				and <span class="literal">textarea</span> elements.
				</p>
											</td>
										</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
										<tr>
											<td colspan="2"><p>			To give

				a text box focus and pre-select all the text in the box, use
				the sequence of <span class="literal">focus( )</span> and <span

				class="literal">select(
				)</span> methods on the element. If this sequence is to occur
				after windows change (such as after an alert dialog box closes),
				place the methods in a separate function, and invoke this function
				through the <span class="literal">setTimeout( )</span> method following

				the
				<span class="literal">alert( )</span> method for the dialog. This

				allows
				IE/Windows to sequence statement execution correctly.
				</p>
											</td>
										</tr>

								<tr>
									<td valign="top" colspan="2"

				class="CLEARSEPARATION">&nbsp;</td>
								</tr>
								<tr>
									<td valign="top" colspan="2"

				class="parameters"><span class="title">Parameters</span></td>
								</tr>
								<tr>
									<td colspan="2"><p>			None. </p>
									</td>
								</tr>
								<tr>
									<td valign="top" colspan="2"

				class="CLEARSEPARATION">&nbsp;</td>
								</tr>
								<tr>
									<td valign="top" colspan="2"

				class="returnedvalue"><span class="title">Returned Value</span></td>
								</tr>
								<tr>
									<td colspan="2"><p>			None.</p>
									</td>
								</tr>
							</table>
						</div>

		<div id="form">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">form</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a reference to the <span class="literal">form</span> element that
contains the current element. When processing an event from this
element, the event handler function automatically has access to the
<span class="literal">select</span> element (as the event
object's <span class="literal">target</span> or
<span class="literal">srcElement</span> property). By reading the
<span class="literal">form</span> property, the script can easily access other
controls within the same form.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var theForm = evt.srcElement.form;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">form</span> element object reference.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="length">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">length</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>The number of <span class="literal">option</span> objects nested inside the
<span class="literal">select</span> object. The value returned is the same as
the <span class="literal">select</span> object
<span class="literal">options.length</span> property, and can be safely used as
a <span class="literal">for</span> loop maximum counter value to iterate
through the nested <span class="literal">option</span> objects. The W3C DOM
specifies that this property is read-only, but because the property
has been read/write for some time in mainstream browsers, you can
continue to adjust this value. By and large, the only modification
made to this property, if at all, should be setting its value to zero
to empty all options from the <span class="literal">select</span> object.
Better still, if you are authoring for IE 5 and later or Netscape 6,
use the <span class="literal">select.remove( )</span> and <span class="literal">select.add(
)</span> methods to modify the contingent of
<span class="literal">option</span> elements nested inside the
<span class="literal">select</span> element.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.forms[0].mySelect.length = 0;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="multiple">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">multiple</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Specifies whether the browser should render the
<span class="literal">select</span> element as a list box and allow users to
make multiple selections from the list of options. By default, the
<span class="literal">size</span> property is set to the number of nested
<span class="literal">option</span> elements, but the value may be overridden
with the <span class="literal">size</span> property setting. To change a
scrolling pick list to a popup menu, set the
<span class="literal">multiple</span> property to <span class="literal">false</span> and
the <span class="literal">size</span> property to <span class="literal">1</span>. Users
can select contiguous items by <span class="emphasis">Shift</span>-clicking on the first and last items of
the group. To make discontiguous selections, Windows users must
<span class="emphasis">Ctrl</span>-click on each item; Mac users
must <span class="emphasis">Command</span>-click on each item. The
<span class="literal">multiple</span> property has no effect when
<span class="literal">size</span> is set to 1 to display a popup menu.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (document.entryForm.list3.multiple) {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Boolean value: <span class="literal">true</span> | <span class="literal">false</span>.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			<span class="literal">false</span></p>
					</td>
				</tr>
			</table>
		</div><div id="name">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">name</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is the identifier associated with the form control. The value of
this property is submitted as one-half of the name/value pair when
the form is submitted to the server. Names are hidden from user view,
since control labels are assigned via other means, depending on the
control type. Form control names may also be used by script
references to the objects. Despite the modern
standards' preference for the <span class="literal">id</span>
attribute, many browsers still require that a control be assigned a
<span class="literal">name</span> attribute to allow the
control's value to be submitted.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.orderForm.payment.name = "credcard";</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Case-sensitive string identifier that follows the rules of identifier
naming: it may contain no whitespace, cannot begin with a numeral,
and should avoid punctuation except for the underscore character.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="options[ ]">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">options[ ]</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns an array of all <span class="literal">option</span> objects contained
by the current element. Items in this array are indexed (zero-based)
in source code order. For details on using this collection in a
backward-compatible way for adding and removing
<span class="literal">option</span> elements from a <span class="literal">select</span>
element, see the <span class="literal">options</span> object. Loop through this
collection in <span class="literal">select</span> elements set for multiple
selections.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var selVals = new Array( );
for (var i = 0; i &lt; document.forms[0].mySelect.length; i++) {
    if (document.forms[0].mySelect.options[i].selected) {
        selVals[selVals.length] = document.forms[0].mySelect.options[i].value;
    }
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Array of <span class="literal">option</span> objects.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>
		<div id="recordNumber">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">recordNumber</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read-only</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			Used with IE data binding, returns an integer representing the record
		within the data set that generated the element (i.e., an element
		whose content is filled via data binding). Values of this property
		can be used to extract a specific record from an Active Data Objects
		(ADO) record set (see <span class="literal">recordset</span> property).
		Although this property is defined for all IE element objects, the
		other properties related to data binding belong to a subset of
		elements.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>&lt;script for="tableTemplate" event="onclick"&gt;
		    myDataCollection.recordset.absoluteposition = this.recordNumber;
		    ...
		&lt;/script&gt;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Integer.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">null</span></p>
							</td>
						</tr>
					</table>
				</div>

		<div id="selectedIndex">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">selectedIndex</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">2</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is the zero-based integer of the option selected by the user. If
the <span class="literal">select</span> element is set to allow multiple
selections, the <span class="literal">selectedIndex</span> property returns the
index of the first selected item (see the <span class="literal">selected</span>
property). You can use this property to gain access to the value or
text of the selected item, as shown in the example.
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			In recent browsers, if no option is selected, the
<span class="literal">selectedIndex</span> property returns
<span class="literal">-1</span>. Setting the value to <span class="literal">-1</span> to
deselect all items works as you'd expect in IE 5 and
later for Windows. For Netscape 6, setting the property to
<span class="literal">-1</span> may not empty the displayed option, but it does
effectively deselect all items for a submitted form.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>var list = document.forms[0].selectList;
var listText = list.options[list.selectedIndex].text;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div><div id="size">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">size</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Controls the number of rows displayed in a scrolling pick list,
reflecting the <span class="literal">size</span> attribute of the
<span class="literal">select</span> element. When set to
<span class="literal">true</span>, the <span class="literal">multiple</span> property
overrides a <span class="literal">size</span> value set to fewer than the
number of options. To change a scrolling pick list to a popup menu,
set the <span class="literal">multiple</span> property to
<span class="literal">false</span> and the <span class="literal">size</span> property to
<span class="literal">1</span>.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>document.forms[0].choices.size = 6;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Integer.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None. </p>
					</td>
				</tr>
			</table>
		</div>
		<div id="tabIndex">
					<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
						<tr><td valign="top" class="name">tabIndex</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap class="usage"><p class="literal"></p>
							</td><td valign="top" nowrap class="requirements"><span class="emphasis">Read/Write</span>&nbsp;&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="description"><p>			This is a number that indicates the sequence of this element within
		the tabbing order of all focusable elements in the document. Tabbing
		order follows a strict set of rules. Elements that have values other
		than zero assigned to their <span class="literal">tabIndex</span> properties
		are first in line when a user starts tabbing in a page. Focus starts
		with the element with the lowest <span class="literal">tabIndex</span> value
		and proceeds in order to the highest value, regardless of physical
		location on the page or in the document. If two elements have the
		same <span class="literal">tabIndex</span> values, the element that comes
		earlier in the document receives focus first. Next come all elements
		that either don't support the
		<span class="literal">tabIndex</span> property or have the value set to zero.
		These elements receive focus in the order in which they appear in the
		document.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			The W3C DOM and Netscape 6 limit the <span class="literal">tabIndex</span>
		property to the following element objects: <span class="literal">a</span>,
		<span class="literal">area</span>, <span class="literal">button</span>,
		<span class="literal">input</span>, <span class="literal">object</span>,
		<span class="literal">select</span>, <span class="literal">textarea</span>. To this list,
		IE 4 adds <span class="literal">applet</span>, <span class="literal">body</span>,
		<span class="literal">div</span>, <span class="literal">embed</span>,
		<span class="literal">isindex</span>, <span class="literal">marquee</span>,
		<span class="literal">span</span>, <span class="literal">table</span>, and
		<span class="literal">td</span>. IE 5 adds every other renderable element. A
		negative value in IE (only) removes an element from tabbing order
		entirely.
		</p>
									</td>
								</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
								<tr>
									<td colspan="2"><p>			Links and anchors cannot be tabbed to with the Mac version of IE 4,
		so the <span class="literal">tabIndex</span> property for <span class="literal">a</span>
		element objects is ignored in that version.
		</p>
									</td>
	</tr>

						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td><span class="programlisting"><pre>document.getElementById("link3").tabIndex = 6;</pre>
								</span></td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			Integer.</p>
							</td>
						</tr>
						<tr>
							<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
						</tr>
						<tr>
							<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
						</tr>
						<tr>
							<td colspan="2"><p>			<span class="literal">0</span> </p>
							</td>
						</tr>
					</table>
		</div>
		<div id="type">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">type</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read-only&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns the type of form control element. A <span class="literal">select</span>
object has two possible values, depending on whether the element is
set to be a multiple-choice list. The value is returned in all
lowercase letters. It may be necessary to cycle through all form
elements in search of specific types to do some processing on (e.g.,
emptying all form controls of type
"text" while leaving other controls
untouched).
</p>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			Note that Navigator 4 incorrectly reports a <span class="literal">select</span>
object's type as <span class="literal">select-multiple</span>
if the element's <span class="literal">size</span> attribute
is set to any value larger than <span class="literal">1</span>, even if the
<span class="literal">multiple</span> attribute is not set. This is fixed in
Netscape 6.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (document.forms[0].elements[3].type == "select-multiple") {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Any of the following constants (as a string):
<span class="literal">button</span> | <span class="literal">checkbox</span> |
<span class="literal">file</span> | <span class="literal">hidden</span> |
<span class="literal">image</span> | <span class="literal">password</span> |
<span class="literal">radio</span> | <span class="literal">reset</span> |
<span class="literal">select-multiple</span> | <span class="literal">select-one</span> |
<span class="literal">submit</span> | <span class="literal">text</span> |
<span class="literal">textarea</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			Depends on value of <span class="literal">multiple</span>. </p>
					</td>
				</tr>
			</table>
		</div><div id="value">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">value</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Read/Write&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>This is the current value associated with the form control that is
submitted with the name/value pair for the element. All values are
strings, but they may represent other kinds of data, including
Boolean and numeric values. For browsers earlier than IE 4 and
Netscape 6, scripts must retrieve the selected
option's value by using the
<span class="literal">select</span> object's
<span class="literal">selectedIndex</span> property as an index into the
<span class="literal">options</span> array, then inspect each
<span class="literal">option</span> object's
<span class="literal">selected</span> property to find the
<span class="literal">true</span> one(s).
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>if (document.forms[0].medium.value == "CD-ROM") {
    ...
}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			String.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Default</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="add( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">add( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">add(<span class="replaceable">newOptionElement</span>[, <span class="replaceable">positionIndex</span>])
add(<span class="replaceable">newOptionElement</span>, <span class="replaceable">optionElementReference</span>)</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Adds a new <span class="literal">option</span> element to the current
<span class="literal">select</span> element. Unfortunately, IE and Netscape 6
don't agree on the parameter values for this method.
While all browsers require a reference to a newly created
<span class="literal">option</span> element (the value returned from a
<span class="literal">document.createElement("option")</span> method is
appropriate for that), the second parameter varies with browser. In
IE, the second parameter is optional and supplies a numeric index to
the existing <span class="literal">option</span> element; the new
<span class="literal">option</span> is inserted in front of that element. With
no second parameter, the new <span class="literal">option</span> is appended to
the existing <span class="literal">option</span> elements. In Netscape 6 (which
implements the W3C DOM recommendation from the unfinished HTML
module), the second parameter is required. The parameter is either a
reference to an existing <span class="literal">option</span> element (the new
<span class="literal">option</span> is inserted before that referenced
<span class="literal">option</span>) or <span class="literal">null</span> (the new
<span class="literal">option</span> is appended to the existing options).
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>Reference to an <span class="literal">option</span> element created by script,
usually with the <span class="literal">document.createElement( )</span> method.
</li><li><span class="literal"></span>Optional IE integer parameter signifying the existing nested
<span class="literal">option</span> element in front of which the new
<span class="literal">option</span> is to be inserted. Omitting this parameter
causes the new <span class="literal">option</span> to be appended to the end of
the options list.
</li><li><span class="literal"></span>Reference to an <span class="literal">option</span> element in front of which
the new <span class="literal">option</span> is to be inserted. You may also use
<span class="literal">null</span> to append the new <span class="literal">option</span>
to the end of the option list.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div><div id="item( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">item( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">item(<span class="replaceable">index</span>[,
<span class="replaceable">subindex</span>])</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a single nested <span class="literal">option</span> object or
collection of nested <span class="literal">option</span> objects corresponding
to the element matching the index value (or, optionally, the index
and subindex values).
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>When the parameter is a zero-based integer, the returned value is a
single element corresponding to the said numbered item in source code
order (nested within the current element). When the parameter is a
string, the returned value is a collection of elements with
<span class="literal">id</span> properties that match that string.
</li><li><span class="literal"></span>If you specify a string value for the first parameter, you may use
the second parameter to specify a zero-based integer to retrieve a
specific element from the collection with <span class="literal">id</span>
properties that match the first parameter's string
value.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			One object or collection (array) of objects. If there are no matches
to the parameters, the returned value is <span class="literal">null</span>.
</p>
					</td>
				</tr>
			</table>
		</div><div id="namedItem( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">namedItem( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">n/a</span> IE <span class="emphasis">6</span> DOM <span class="emphasis">n/a</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">namedItem("<span class="replaceable">ID</span>")</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Returns a single nested <span class="literal">option</span> object or
collection of nested <span class="literal">option</span> objects corresponding
to the element matching the parameter string value.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td>
						<ul><li><span class="literal"></span>The string that contains the same value as the desired
element's <span class="literal">id</span> attribute.
</li></ul>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			One <span class="literal">option</span> object or collection (array) of
<span class="literal">option</span> objects. If there are no matches to the
parameters, the returned value is <span class="literal">null</span>.
</p>
					</td>
				</tr>
			</table>
		</div><div id="remove( )">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">remove( )</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5</span> DOM <span class="emphasis">1</span>&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">remove(<span class="replaceable">positionIndex</span>)</p>
					</td><td valign="top" nowrap class="requirements">&nbsp;&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p>Deletes an <span class="literal">option</span> element from the current
<span class="literal">select</span> element at the zero-based index position
signified by the parameter value. In lieu of setting the
<span class="literal">select</span> object's
<span class="literal">length</span> property to zero, you can remove all
existing options with a simple loop construction:
</p>
<span class="PROGRAMLISTING"><pre>while (selectElemRef.length&gt; 0) {
    selectElemRef.remove(0);
} </pre></span>
							</td>
						</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
						<tr>
							<td colspan="2"><p>			At this point, you can populate the list with new options via the
various approaches described in the <span class="literal">add( )</span> method
discussion and the <span class="literal">options</span> object discussion.
</p>
												</td>
</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="parameters"><span class="title">Parameters</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td colspan="2">
<dl>
<dt><var class="replaceable">positionIndex</var></dt>
<dd>
<p>Zero-based integer signifying the item from the nested options
collection to be deleted.
</p>
</dd>

</dl>					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="returnedvalue"><span class="title">Returned Value</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>			None.</p>
					</td>
				</tr>
			</table>
		</div>

</body>
</html>