<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">

		<div id="">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">option</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></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><span class="literal">option</span> IuWFNg <span class="literal">option</span> vfɑΉIuWFNgłB̗vf́A <span class="literal">select</span> vfɃlXgĂKv܂B<span class="literal">option</span> IuWFNgւ̎QƂ́Aʏ́A̐eɂ <span class="literal">select</span> IuWFNggp܂B̏ꍇA<span class="literal">option</span> IuWFNg͂ <span class="literal">select</span> IuWFNgɑIvV̔z̃o[ƂĈ܂BŐṼuEUł́AID gpāA <span class="literal">option</span> IuWFNgQƂ邱Ƃ\łBIE 4 ȍ~ Netscape 6 ł́A&#123;͖`̋ʂ̃vpeB̐ɂ <span class="literal">disabled</span> vpeBgpł܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>Netscape 3  Explorer 4 ȍ~̃uEUł́Aʌ݊ŐṼuEUł@\R[hgpāA<span class="literal">select</span> IuWFNg̃IvṼZbgύXł܂BύXƂɊ̃IvV𒷂ʂ̃Xgɒuꍇɂ́A<span class="literal">select</span> IuWFNg <span class="literal">options</span> z <span class="literal">text</span>A<span class="literal">value</span>A<span class="literal">selected</span> ̊evpeBɐVlݒ肷邾łBAXg̃IvVقȂꍇɂ́A <span class="literal">option</span> IuWFNgׂč폜ĂAVIuWFNg}֗łBV <span class="literal">Option</span> IuWFNg̃RXgN^֐ł́ÃIuWFNg𓯎ɍ쐬āAꂼ <span class="literal">options</span> zł̈ʒu蓖Ă邱Ƃł܂B\ɂ͎̃RXgN^gp܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><span class="programlisting"><pre>var newOpt = new Option("<span class="replaceable">text</span>", "<span class="replaceable">value</span>", <span class="replaceable">isDefaultSelectedFlag</span>,
<span class="replaceable">isSelectedFlag</span>);</pre>
								</span></td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>̊֐́A<span class="literal">select</span> IuWFNg̃IvṼXgꍇ̈ʓIȎ菇łB
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><span class="programlisting"><pre>function setSelect(selectElemObj) &#123;
    // remove existing options
    selectElemObj.options.length = 0;
    // create and assign options, one by one
    selectElemObj.options[0] = new Option("Hercule Poirot", "poirot", false, false);
    selectElemObj.options[1] = new Option("Miss Marple", "marple", false, false);
    ...
}</pre>
								</span></td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
						<tr>
							<td colspan="2"><p>قƂǂ̏ꍇARXgN^̃p[^͎ł̓IuWFNg̔zƂăy[WɑM܂BɂA<span class="literal">for</span> [vŐVȃIvV̊蓖Ă\ɂȂĂ܂B̑̃Av[`ɂẮA<span class="literal">options.add( )</span> \bh (IE ̂)A <span class="literal">select.add( )</span> \bh (IE 5 ȍ~ Netscape 6 ̂) QƂĂB
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"> HTML R[h</span></td>
				</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>&lt;option&gt;</pre>
						</span></td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">IuWFNgQ</span></td>
				</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>[window.]document.<span class="replaceable">formName</span>.<span class="replaceable">selectName</span>.options[i]
[window.]document.forms[i].elements[i].options[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"><span class="title">IuWFNgŗL̃vpeB</span></td>
				</tr>
				<tr>
					<td colspan="2">
						<table border="1"><tbody><tr />
								<tr><td><span class="literal">defaultSelected</span></td><td><span class="literal">form</span></td><td><span class="literal">index</span></td><td><span class="literal">label</span></td><td><span class="literal">selected</span></td><td><span class="literal">text</span></td><td><span class="literal">value</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">IuWFNgŗL̃\bh</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">IuWFNgŗL̃Cxgnh[vpeB</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div><div id="defaultSelected">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">defaultSelected</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></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>vf <span class="literal">selected</span> ^Oɐݒ肳Ă邩ǂ܂B݂ <span class="literal">selected</span> vpeB <span class="literal">defaultSelected</span> rāAhLgǂݍ܂ꂽŃRg[̃Xe[gύXǂ𒲂ׂ邱Ƃł܂B̃vpeBύXĂA݂ <span class="literal">selected</span> Xe[^Xɂ͉e܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"></span></td>
				</tr>
<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>var listItem = document.forms[0].selector.options[2];
if (listItem.selected != listItem.defaultSelected) &#123;
    // process for changed state
}</pre>
						</span></td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">true</span> ܂ <span class="literal">false</span> ̃u[l</p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>HTML ^ȎɂĈقȂ܂B </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</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">6</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">ǂݎp</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p><span class="literal">select</span> vfƂ̃IvVĂ <span class="literal">form</span> IuWFNgւ̎QƂԂ܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"></span></td>
				</tr>
<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>var theForm = document.getElementById("myOption3").form;</pre>
						</span></td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">form</span> IuWFNgւ̎Q</p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div><div id="index">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">index</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">3</span> DOM <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">ǂݎp</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description">
						<p><span class="literal">select</span> vf̃IvVɂ錻݂ option IuWFNgA0 Ŏn܂鐮CfbNXlԂ܂B<span class="literal">select</span> IuWFNg <span class="literal">selectedIndex</span> vpeB́AݑIĂIvṼCfbNXlԂ܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"></span></td>
				</tr>
<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>var whichItem = document.getElementById("myOption3").index;</pre>
						</span></td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p></p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div><div id="label">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">label</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">6</span> IE <span class="emphasis">5(Mac)/6(Win)</span> DOM <span class="emphasis">1</span></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><span class="literal">option</span> vf <span class="literal">label</span> ɑΉvpeBłBKwj[Ŏgp邽߂̃vpeBłAMacintosh  IE 5 ȊÕuEUł͋@\܂BMacintosh  IE 5 ԂĺA<span class="literal">text</span> vpeB̏ꍇƓłB
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p></p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ</p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div><div id="selected">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">selected</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></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>Xg̃IvV[U[ɂđIĂ邩ǂA܂肻̒lT[o[ɑMĂ邩ǂ܂BACeASYIɑI悤ɃXNvgŒlύXł܂Bǂ̃IvVIĂ邩𒲂ׂɂ́Aselected vpeB true ̃IvVAselect IuWFNg <span class="literal">selectedIndex</span> vpeBgp悭Ȃ܂B<span class="literal">select</span> vfI悤ɐݒ肳Ăꍇ́AOƂȂ܂B̏ꍇɂ́AIꂽACe邽߂ɑŜ𒲂ׂKv܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"></span></td>
				</tr>
<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>document.forms[0].selectList.options[3].selected = true;</pre>
						</span></td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">true</span> ܂ <span class="literal">false</span> ̃u[l</p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p><span class="literal">false</span></p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div><div id="text">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">text</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></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><span class="literal">option</span> vfɊ֘AtĂeLXg܂B̃eLXg͊Jn^OƏI^O̊ԂɈʒuĂAʏł <span class="literal">select</span> vfɕ\܂BXgACeɊ֘AtĂ\ĺA<span class="literal">value</span> vpeBāAۑA擾AύXł܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"></span></td>
				</tr>
<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>var list = document.forms[0].selectList;
var listItemText = 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"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p></p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</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">4</span> IE <span class="emphasis">4</span> DOM <span class="emphasis">1</span></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><span class="literal">option</span> vfɊ֘AtĂl܂B<span class="literal">option</span> vf <span class="literal">value</span> ܂ <span class="literal">value</span> vpeBݒ肳ĂꍇA̒l <span class="literal">value</span> vpeB̖߂lɂȂ܂BȊȌꍇɂ́A̕񂪕Ԃ܂B
</p>
							</td>
						</tr>
						<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title"></span></td>
				</tr>
<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
						</tr>
				<tr>
					<td colspan="2"><span class="programlisting"><pre>var itemValue = document.forms[0].selectList.options[2]value;</pre>
						</span></td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p></p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2"><span class="title">l</span></td>
				</tr>
				<tr>
					<td colspan="2"><p>Ȃ </p>
					</td>
				</tr>
				<tr><td valign="top" colspan="2" class="clearseparation">&nbsp;</td>
				</tr>
			</table>
		</div>

</body>
</html>