LoginSignup
0

More than 3 years have passed since last update.

【PHPメモ】(恐竜)プルダウンを生成する関数

Last updated at Posted at 2020-04-04

1.はじめに

DBのSELECT結果でプルダウンを作成するコードを記述するのが面倒だ。
htmlタグの間にPHPを埋め込む、インデントがややこしい。
さらにコードの量が増えていく。
下記の画像は前に作った改良恐竜登録ツール(PHP+MYSQL版)の一部。
このハイブリッド選択のコードが結構、ぐちゃぐちゃになっていた。

select_dino_mysql2.jpg

生成元タイプ1、生成元タイプ2はセレクト状態を維持するプルダウン、
生成元恐竜1と生成元恐竜2は、生成元タイプで選択した項目により変化するプルダウン。
上記のプルダウンを生成する関数を作って、共通プログラム(common_dino2.php)に置けば、効率的に開発が
進められるのではないか(開発とは言えないけど)
勉強もかねて作ってみた。

2.選択状態を維持するプルダウンを生成する関数

common_dino2.php

  //$name_pulldown_type:プルダウンのname、$str_query0:SQL、$select_type0:プルダウンで選択されたタイプ
  function Make_pulldown_selectedType($db0,$name_pulldown_type,$str_query0,$select_type0)
  {
    $result_a=$db0->prepare($str_query0);
    $result_a->execute();
    echo "<select name=\"$name_pulldown_type\" style=\"width: 100px\">";

    while($data0=$result_a->fetch(PDO::FETCH_ASSOC)){
      //$select_type0が$data0['type0']と等しい場合
      if($select_type0 == $data0['type0']){ 
        echo "<option selected>".$data0['type0']."</option>";
      //$select_type0が$data0['type0']と等しくない場合
      }else{
        echo "<option>".$data0['type0']."</option>";
      }
    }  
    echo "</select><br>";
  }

3.生成元タイプで選択した項目により変化するプルダウン

common_dino2.php
  //$name_pulldown:プルダウンのname、$str_query0:SQL、$val1:str_query0のプレースホルダ
  function Make_pulldownDname($db0,$name_pulldown,$str_query0,$val1)
  {
    $result_a=$db0->prepare($str_query0);
    $result_a->bindparam(1,$val1);
    $result_a->execute();
    echo "<select name=\"$name_pulldown\" style=\"width: 280px\">";
    while($data0=$result_a->fetch(PDO::FETCH_ASSOC)){
      echo "<option>".$data0['dname0']."</option>";
    }
    echo "</select><br>";
  }

4.呼び出し元コード例

select_dinotype3.php

//色々省略
<?php 
}else{
  echo "<h1>ハイブリッド選択</h1>";
  require "common_dino2.php";

  $dbname="db_dino";
  $dbh= NewPdo($dbname);
  $query_type0 = "SELECT DISTINCT type0 from tbl_dino Where type0 != 'unique'";
 ?>
  <?php 
  $stype1=isset($_POST['dtype01'])?htmlspecialchars($_POST['dtype01']):null;
  $stype2=isset($_POST['dtype02'])?htmlspecialchars($_POST['dtype02']):null;
   ?> 

  <form action="select_dinotype3_mysql.php" method="post">
生成元タイプ1:

  <?php Make_pulldown_selectedType($dbh,"dtype01",$query_type0,$stype1); ?>

生成元タイプ2:
  <?php Make_pulldown_selectedType($dbh,"dtype02",$query_type0,$stype2); ?>

  <input type="submit" value="タイプ確定">
  </form>

<?php 
  $dbname="db_dino";
  $dbh= NewPdo($dbname);

  $query_select_type0 = "SELECT dname0 from tbl_dino where type0 = ?";
 ?>

  <form action="hibrid_dino2_mysql.php" method="post">

生成元恐竜1:
  <?php 
    Make_pulldownDname($dbh,"dname1",$query_select_type0,$stype1);
   ?>   
生成元恐竜2:
  <?php 
    Make_pulldownDname($dbh,"dname2",$query_select_type0,$stype2);
   ?>   
//色々な処理

5.結果

(1).ハイブリッド選択時の画面

pulldown_beforeselect_img.jpg

(2).ハイブリッド選択時の画面のソース

pulldown_beforeselect.jpg

(3).生成元1タイプと生成元2タイプを選択時の画面

pulldown_afterselect_img.jpg

(4).生成元1タイプと生成元2タイプを選択時のソース

pulldown_afterselect.jpg

赤枠で選択されたタイプが、青枠では赤枠で選択されたタイプに属する恐竜名が表示されている。

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0