ＪａｖａＳｃｒｉｐｔ講座第７回
今回は配列とdocumentオブジェクトをつかって簡単なデータベースを作ってみたいとおもいます。
（例１）データベースから値を検索するスクリプトです。
<html><head><title>データベーススクリプトサンプル</title>
<script language='JavaScript'>
<!--
var Row=3;
var Col=1;
db = new Array();
db[0]=new Array();
db[0][0]='りんご';
db[0][1]='100';
db[1]=new Array();
db[1][0]='みかん';
db[1][1]='40';
db[2]=new Array();
db[2][0]='ばなな';
db[2][1]='50';
db[3]=new Array();
db[3][0]='もも';
db[3][1]='150';
function ser(ken){
var ht='<table border=1>';
for(i=0;i<=Row;i++){
if (db[i][0].indexOf(ken)!=-1){
ht+='<tr><td>' + db[i][0] + '</td><td>' +
db[i][1] + '</td></tr>';
}
}
ht+='</table>';
document.open();
document.write(ht);
document.close();
}
//-->
</script>
</head>
<body>
<p>データベーススクリプトサンプル</p>
<form name='myform'>
検索文字入力：<input type=text name='tx'>
<input type=button value='検索'
onClick='ser(document.myform.tx.value)'>
</form>
</body>
</html>
（解説）
最初に配列変数dbを作成し、データを代入することによってデータベースを作成しています。
引数にテキストボックスの値をいれて、ser関数を呼び出します。引数の値と配列変数dbの値を
比較して、マッチすれば出力します。
実際に実行すると［テキストボックス］と［検索ボタン］が表示されますので、［テキストボックス］に
りんご
と入力して［検索ボタン］をクリックすると、検索結果が表示されます。
次回は
back／next