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はどうも苦手です。
プルダウンつまり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はどうも苦手です。
コメント