javascriptでプルダウンを変化させる。
項目a、c、は２～4個を選択可能
項目b、d、は１～4個を選択可能
というjavascriptを使った制御。
実例
ソースコード
<form name="sendForm">javasccriptメソッド
<select name="koumoku" size="1" onChange="OnChange()">
<option value="項目">項目
<option value="a">a
<option value="b">b
<option value="c">c
<option value="d">d
</select><br>
<select name="count">
<option value="個数">個数
</select>
</form>
<script language="JavaScript" type="text/javascript">
<!--
function OnChange(){
sel_type_index = document.sendForm.koumoku.selectedIndex;
if(sel_type_index=="2" || sel_type_index=="4"){
document.sendForm.count.options[0] = new Option("1","1");
document.sendForm.count.options[1] = new Option("2","2");
document.sendForm.count.options[2] = new Option("3","3");
document.sendForm.count.options[3] = new Option("4","4");
}else{
document.sendForm.count.options[0] = new Option("2","2");
document.sendForm.count.options[1] = new Option("3","3");
document.sendForm.count.options[2] = new Option("4","4");
}
}
//-->
</script>
onChange,selectedIndex,Option（text,value）
実際は、php-DBで項目、個数を取得し、while文で回して設定していますが、
面倒だし、分かりやすくするためにベタ書きしてます。
しかし、php,,javascriptは実装が樂でいいですね＾＾
関連エントリー:ホームページ製作情報リスト
トラックバック
トラックバックする際は,このブログまたはこの記事へのリンクをお願いします。
検索&カテゴリーリスト
サイト製作
仕事と資産運用
趣味
過去記事一覧
私のサイト