セレクトオブジェクトのtextとvalueを使って文章生成

セレクトオブジェクトでは、選択されたアイテムのtextと
valueを取り出すことができる。
form.who.options[form.who.options.selectedIndex].textでtext
form.who.options[form.who.options.selectedIndex].valueでvalue
実行結果

誰が どこで 何を どうした



ヘッダ部分
<SCRIPT LANGUAGE="JavaScript">
function disMsg(form)	{
	var msg1 = form.who.options[form.who.options.selectedIndex].text + "が"
	msg1 += form.where.options[form.where.options.selectedIndex].text + "で"
	msg1 += form.what.options[form.what.options.selectedIndex].text + "を"
	msg1 += form.did.options[form.did.options.selectedIndex].text
	form.content1.value = msg1

	var msg2 = form.who.options[form.who.options.selectedIndex].value + "が"
	msg2 += form.where.options[form.where.options.selectedIndex].value + "で"
	msg2 += form.what.options[form.what.options.selectedIndex].value + "を"
	msg2 += form.did.options[form.did.options.selectedIndex].value + "した"
	form.content2.value = msg2
}
</SCRIPT>

ボディ部分 <FORM> 誰が <SELECT NAME="who" onChange="disMsg(this.form)"> <OPTION VALUE="I">私 <OPTION VALUE="She">彼女 <OPTION VALUE="Dog">犬 <OPTION VALUE="Mr.YAMADA">山田君 <OPTION VALUE="Teacher">先生 <OPTION VALUE="Gangster">やくざ <OPTION SELECTED VALUE="Mother">おかあちゃん <OPTION VALUE="President">社長 </SELECT> どこで <SELECT NAME="where" onChange="disMsg(this.form)"> <OPTION SELECTED VALUE="school">学校 <OPTION VALUE="company">会社 <OPTION VALUE="park">公園 <OPTION VALUE="pool">プール <OPTION VALUE="the Diet Building">国会議事堂 <OPTION VALUE="HOKKAIDOU">北海道 <OPTION VALUE="bar">飲み屋 <OPTION VALUE="hospital" SELECTED>病院 </SELECT> 何を <SELECT NAME="what" onChange="disMsg(this.form)"> <OPTION SELECTED VALUE="bread">パン <OPTION VALUE="cat">猫 <OPTION VALUE="cake">ケーキ <OPTION VALUE="baby" SELECTED>赤ちゃん <OPTION VALUE="beautiful woman">美人 <OPTION VALUE="salmon">鮭 <OPTION VALUE="beer">ビール <OPTION VALUE="liver">肝臓 </SELECT> どうした <SELECT NAME="did" onChange="disMsg(this.form)"> <OPTION VALUE="eat">食べた <OPTION VALUE="kick">蹴った <OPTION VALUE="drink">飲み込んだ <OPTION VALUE="make">作った <OPTION VALUE="look">見た <OPTION SELECTED VALUE="break">壊した <OPTION VALUE="operate">手術した <OPTION VALUE="know">知った </SELECT> <P> <INPUT TYPE="text" NAME="content1" SIZE="50" VALUE="textを使った文章が表示されます">
<INPUT TYPE="text" NAME="content2" SIZE="50" VALUE="valueを使った文章が表示されます"> </FORM>