HTML_QuickFormで3階層プルダウン
フォームにプルダウンの選択項目をつけたいときに便利なのはhierselect。
商品カテゴリと商品名のように相互に階層関係をもつデータなどの場合に便利です。
例えば商品カテゴリを選択したら対応する商品名だけを出るようにしたりする場合に使えると思います。
今回は3階層のプルダウンまで作ってみました。
2階層のプルダウン
よく使われるのがこの方法。
コードはこちら
PHP:
-
<?php
-
require_once("HTML/QuickForm.php");
-
-
$form=new HTML_QuickForm("test","POST");
-
$form->addElement("header",NULL,"hierselectのテスト");
-
-
//１層目
-
$category[0] = "空手";
-
$category[1] = "キック";
-
$category[2] = "柔術";
-
$category[3] = "プロレス";
-
-
//２層目
-
-
$fighter[0][1] = "東孝";
-
$fighter[0][2] = "長田賢一";
-
$fighter[0][3] = "加藤清尚";
-
$fighter[0][4] = "飯村健一" ;
-
$fighter[1][5] = "武田幸三";
-
$fighter[1][6] = "小林聡";
-
$fighter[1][7] = "深津飛成";
-
$fighter[1][8] = "菊地剛介";
-
$fighter[2][9] = "中井祐樹" ;
-
$fighter[2][10] = "朝日昇";
-
$fighter[3][11] = "天龍源一郎";
-
$fighter[3][12] = "金村キンタロー";
-
$fighter[3][13] = "伊東竜二";
-
-
$sel =& $form->addElement('hierselect', 'test', 'test:');
-
$sel->setMainOptions($category);
-
$sel->setSecOptions($fighter);
-
$form->addElement('submit', 'btnSubmit', 'Submit');
-
-
if ($form->validate()) {
-
// Form is validated, then processes the data
-
$form->freeze();
-
$form->process('process_data', false);
-
}
-
else {
-
$form->display();
-
}
-
-
function process_data ($values) {
-
echo "<pre>";
-
echo "</pre>";
-
}
-
?>
$sel->setMainOptions($category);
$sel->setSecOptions($fighter);
ここで第１、第２階層のデータをsetMainOptions/setSecOptionsメソッドで引き渡しています。
3階層のプルダウンを作る
では3階層にしたい場合はどうするか？
「'setThirdOptions'とかでいけるかな」と思ったけどムリ。
検索してみたらこちらのサイトに書いてありました。
applesy16g ｜ PEAR::HTML_QuickFormで3階層のプルダウンメニュー
さっそくやってみました。
送信結果を見ると第３階層のデータがちょっと分かりにくい。
なのでこんなふうにしました。
コードはこちら
PHP:
-
<?php
-
require_once("HTML/QuickForm.php");
-
$form=new HTML_QuickForm('frmTest', 'get');
-
$form->addElement("header",NULL,"hierselect3階層のテスト");
-
-
//一層目
-
$large_genre[0] = "和食";
-
$large_genre[1] = "洋食";
-
-
//二層目
-
$middle_genre[0][1] = "日本料理";
-
$middle_genre[0][2] = "寿司";
-
$middle_genre[1][3] = "洋食" ;
-
$middle_genre[1][4] = "フランス料理";
-
$middle_genre[1][5] = "イタリア料理";
-
-
//三層目
-
$small_genre[0][1][0] = "会席料理";
-
$small_genre[0][1][1] = "懐石料理";
-
$small_genre[0][1][2] = "割烹";
-
$small_genre[0][1][3] = "料亭";
-
-
$small_genre[0][2][4] = "江戸前寿司";
-
$small_genre[0][2][5] = "回転寿司";
-
$small_genre[0][2][6] = "ちらし寿司";
-
-
$small_genre[1][3][7] = "ステーキ";
-
$small_genre[1][3][8] = "洋食一般";
-
-
$small_genre[1][4][9] = "コース料理";
-
$small_genre[1][4][10] = "プリフィクス";
-
$small_genre[1][4][11] = "アラカルト";
-
-
$small_genre[1][5][12] = "コース料理理";
-
$small_genre[1][5][13] = "ピザ";
-
$small_genre[1][5][14] = "パスタ";
-
-
-
$obj_genre_select = &$form->addElement('hierselect','genre','ジャンル選択','', '');
-
-
$form->addElement('submit','btnSubmit','Submit');
-
-
if ($form->validate()) {
-
// Form is validated, then processes the data
-
$form->freeze();
-
$form->process('process_data', false);
-
}
-
else {
-
$form->display();
-
}
-
-
function process_data ($values) {
-
echo "<pre>";
-
echo "</pre>";
-
}
-
?>
[2]=>
で帰ってくる数値を見やすくしました。
まあ3階層のプルダウン送信フォームなんて、
あんまり使う用途はなんですけどね。。。
カテゴリー: PEAR
