データ入力

テキストフィールドを使った処理

(1) 入力した文字列を連結してメッセージボックスで表示する

<SCRIPT language=JavaScript>

function FieldData() {

	with ( document.all ) {

		alert( item( "TextField1" ).value + item( "TextField2" ).value )

	}

}

</SCRIPT>

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS">
</HEAD>
<BODY>

<INPUT type=text name=TextField1><br>
<INPUT type=text name=TextField2><br>
<INPUT type=button name=ActButton value=結果表示 onClick='FieldData()'><br>

</BODY>
</HTML>

(1) 入力した文字列の処理方法をメッセージボックスで選択する

<SCRIPT language=JavaScript>

function FieldData() {

	var Message = "OK は 文字列連結, CANCEL は計算";
	var Keisan;

	with ( document.all ) {

		if ( confirm( Message ) ) {
			alert( item( "TextField1" ).value + item( "TextField2" ).value );
		}
		else {
			if ( isNaN( item( "TextField1" ).value )  ) {
				alert( "数値を入力して下さい" );
				item( "TextField1" ).focus();
				item( "TextField1" ).select();
				return;
			}
			if ( isNaN( item( "TextField2" ).value ) ) {
				alert( "数値を入力して下さい" );
				item( "TextField2" ).focus();
				item( "TextField2" ).select();
				return;
			}
			Keisan = eval( item( "TextField1" ).value )
				+ eval( item( "TextField2" ).value );
			alert( Keisan );
		}

	}

}

</SCRIPT>

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS">
</HEAD>
<BODY>

<INPUT type=text name=TextField1><br>
<INPUT type=text name=TextField2><br>
<INPUT type=button name=ActButton value=結果表示 onClick='FieldData()'><br>

</BODY>
</HTML>

コンボボックスを使った処理

<SCRIPT language=JavaScript>

var idx = 0;

function AddData() {

	with ( document.all ) {
		idx++;
		item( "DataList" ).options.length = idx;
		item( "DataList" ).options[idx-1].text = item( "TextField" ).value;
		item( "DataList" ).options[idx-1].value = item( "ValueField" ).value;
	}

}

function FieldData() {

	var Message;
	var Index;

	with ( document.all ) {
		Index = item( "DataList" ).selectedIndex;
		Message = "選択したテキストは"
			+ item( "DataList" ).options[Index].text + "です\n";
		Message = Message
			+ "選択した値は" + item( "DataList" ).options[Index].value + "です";
		alert( Message );
	}

}

function DispBodyData() {

	strBody = document.all.item( "Main" ).innerHTML;
	strBody = strBody.replace( /<OPTION/g, "\n<OPTION" );
	strBody = strBody.replace( /<\/SELECT/g, "\n</SELECT" );

	alert( strBody );

}

</SCRIPT>

<HTML>
<HEAD></HEAD>
<BODY id=Main>

<SELECT name=DataList onChange='FieldData()'>
</SELECT>
<br>
コンボボックスのテキストをセット <INPUT type=text name=TextField><br>
コンボボックスの値をセット <INPUT type=text name=ValueField><br>
<INPUT type=button name=ActButton value=データ登録 onClick='AddData()'><br>
<INPUT
	type=button
	name=ActButton
	value="BODYデータを覗く"
	onClick='DispBodyData()'
>
</BODY>
</HTML>