JavaScriptコーディング

プルダウン選択で表示内容変更

2007年12月02日
プルダウンの選択を変更したら、表示されているデータを表示しなおす機能は、PHPと同様perlでは行えないようなのでjavascriptで書きます。個人的にはボタンクリックで表示するのが好き(プルダウンを変更したら処理が走るとなんか落ち着かない)なのですが、仕方ありません。


プルダウンつまりselectタグに、値が変更されたら、というイベント処理を書きます。値が変更されたら、javascriptの関数をコールします。
javascript側では、サブミットします。


javascript
<script type="text/javascript">
<!--
 function j_function(){
  document.forms[name].submit();
 }
// -->
</script>


form
<form action="ファイル名" name="name" method="post">
<select name="cate_id" onChange="j_function()">
<option value="1" selected>カテゴリ1</option>
<option value="2">カテゴリ2</option>
</select>
</form>

あまり書く機会がないせいか、javascriptはどうも苦手です。