練習@
自分で、Script言語を組んでみました。悩んだ所 プルダウンメニューからセレクトした年号をどうやって認識するか⇒ selectedIndexを使いました 入力した年を計算させようと、単純に、+を使ったら、文字列の結合になってしまった⇒ parseIntを使いました |
ソース ヘッダー部分に以下を入れます <script language="JavaScript"> <!-- Code hiding from here function kaeru(){ if (document.f.nengou.selectedIndex == 0){ //大正 nen = parseInt(document.f.a.value) document.f.b.value = nen + 1911 }else { if (document.f.nengou.selectedIndex == 1){ //昭和 nen = parseInt(document.f.a.value) document.f.b.value = nen + 1925 }else { //平成 nen = parseInt(document.f.a.value) document.f.b.value = nen + 1988 } } } // end --> </script> フォームの部分です <form name="f"><FONT size="2"><select name="nengou"> <option value="t">大正 <option value="s">昭和 <option value="h">平成 </select><input type="text" name ="a" size="4" onChange="kaeru()"> ⇒ <input type="text" name ="b" size="4"></font></form> |
onChangeイベントというのは、
HTML中の入力フォームやテキスト入力フィールド、テキストエリアの内容が変更されて
終わったときや、選択リストの選択されている項目に変化があったときに発生するイベントを
扱うイベントハンドラで、
イベントが発生すると、書かれたステートメントが実行されます。
最初は、これを使ってみましたが、
今回は、onChangeイベントよりも
onClicイベントの方がいいのでは・・・と思い、
変更します。⇒練習Aへ
メニュー(Java Script実験室)へ戻る