JavaScript

フォームの内容を後から変える

男の子用・女の子用の２通りのプレゼントを用意しました。
どちらか選んでください。



SORCE

<HTML lang="ja">
<HEAD>
<TITLE>フォームの内容を後から変える</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--hide
function BY(PR) {
  PR.pr.options[0].text = "男の子用のプレゼント";
  PR.pr.options[1].text = "プラモデル";
  PR.pr.options[2].text = "スニーカー";
  PR.pr.options[3].text = "おもちゃの缶詰（男の子用）";
}
function GR(PR) {
  PR.pr.options[0].text = "女の子用のプレゼント";
  PR.pr.options[1].text = "テディーベアー";
  PR.pr.options[2].text = "ドレス";
  PR.pr.options[3].text = "おもちゃの缶詰（女の子用）";
}
//-->
</SCRIPT>
</HEAD>

<body>
<table align="center" width="300">
<table align="center"><tr><td>
男の子用・女の子用の２通りのプレゼントを用意しました。
どちらか選んでください。
<FORM NAME="BORG">
<INPUT TYPE="radio" NAME="borg" VALUE="BOY" onClick="BY(this.form)">男の子用<br>
<INPUT TYPE="radio" NAME="borg" VALUE="GIR" onClick="GR(this.form)">女の子用<br>
<p>
<select name="pr">
<option>男の子用・女の子用どちらか選んで下さい
<option>-----------------------------------------
<option>-----------------------------------------
<option>-----------------------------------------
<option>
</form>
</table></td></tr>
</table>
</BODY>
</HTML>