選択された商品のコードを表示させる



商品コード：

　選択されたメニューに応じた商品番号を表示します。商品番号は<OPTION>タグのVALUE=番号で設定することができます。


■スクリプト
<HTML>
<HEAD>
<TITLE>選択された商品のコードを表示させる</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function printCode()
{
	selNo = document.myFORM.selMenu.selectedIndex;
	Code  = document.myFORM.selMenu.options[selNo].value;
	document.myFORM.sCode.value = Code;
}
//-->
</SCRIPT>
</HEAD>
<BODY bgColor="#FFffFF">
<H2>選択された商品のコードを表示させる</H2>
<BR>
<FORM NAME="myFORM">
<SELECT NAME="selMenu" onChange="printCode()">
<OPTION VALUE="001">商品A
<OPTION VALUE="002">商品B
<OPTION VALUE="003">商品C
<OPTION VALUE="004">商品D
</SELECT>
<BR>
商品コード：<INPUT TYPE="TEXT" NAME="sCode">
</FORM>
</BODY>
</HTML>