PHPでプルダウンメニューを作ろう!簡単解説で速攻理解

PHPでブラウザに表示する画面を作成している時にこの項目をプルダウンにしたいという事がありませんか?

でもたまにしか使わないからすぐに忘れてしまうというお悩みもあるかもしれません。

本日は、プルダウンメニューを作成する方法について以下の内容でお話します。

【基本】プルダウンについて
【実践】プルダウンを作成
【応用】データベースを使ってプルダウンを作成

わかりやすく解説しますので是非読んでください。

プルダウンとは

作成前に、プルダウンの仕組みを解説します。

根本の理解が深まると記憶への定着もよいと思います。

プルダウン表示の仕組み

まずは画面にメニューを表示させてみましょう。

ブラウザの画面に要素を表示させるためにはHTMLタグを使用します。

HTMLタグには様々な種類があります。

HTMLタグについて詳しく知りたい場合は以下を参考にしてください。

https://www.sejuku.net/blog/category/design/html

プルダウンは<select></select>タグ<option></option>タグとで作成します。

それでは、以下のサンプルコードをご覧ください。

結果は以下の表示になりました。

※画像は矢印をクリックして選択できる状態の画像です。

画面の表示方法はお分かりいただけたと思います。

では、このプルダウンの選択情報をPHPに送信するにはどのようにしたらよいでしょうか。

次章でその説明をします。

送信の仕組み

それでは、プルダウンで選択した値をPHPに渡す方法です。

使用するのは<form></form>タグinputタグです。

前章で使用したコードに<form></form>タグを追記しました。

<form></form>タグで囲まれている情報を、【/test】にPOST通信をするという内容です。

【action=’/test’】のtestは、PHPの呼び出せる関数等のパスを設定します。

【method=’POST’】というのは、HTTPの通信方式です。

以下で詳しく説明されているのでよくわからない方は参考にしてください。

【PHP入門】POST送信、GET送信する方法
更新日 : 2019年8月7日

そして、プルダウンを選択した後に

で表示させているボタンをクリックすると【/test】に情報が送られます。

プルダウンを作成

それでは、実際にプルダウンを作成しましょう。

基本的なサンプルは前章で説明しましたので、ここでは配列からプルダウンデータを作成します。

①で配列にoptionタグに設定したい値を設定します。

②でoptionタグに合わせて加工して変数に入れます。

③で、②で加工した内容を出力させます。

結果は、以下のように表示されました。

プルダウンでデータベースを使う方法

最後にデータベースから取得した値をプルダウンに設定する方法です。

ただし、コードは前章の配列からプルダウンデータを作成するとほぼ同じです。

違う事は以下のようなSQL文を発行して

その結果を配列に設定する事です。

サンプルコードをみていきましょう。

このようにデータベースの情報をプルダウンに設定する事ができます。

まとめ

本日はPHPでプルダウンを作成する方法についてお話しました。

よく使う方法ですので、この機会に是非覚えておいてくださいね。

それでは、また。

LINEで送る
Pocket

最短でエンジニアを目指すなら侍エンジニア塾

cta_under_bnr

侍エンジニア塾は業界で初めてマンツーマンレッスンを始めたプログラミングスクールです。これまでの指導実績は16,000名を超え、未経験から数多くのエンジニアを輩出しています。

あなたの目的に合わせてカリキュラムを作成し、現役エンジニア講師が専属であなたの学習をサポートするため効率よく学習を進めることができますよ。

無理な勧誘などは一切ありません。まずは無料体験レッスンを受講ください。

無料体験レッスンの詳細はこちら

書いた人

つぶらや

つぶらや

独学PG&SE、東京在住30代女性。
誰でもプログラマーになれるがモットーで、わかりやすい記事を目指しています。

おすすめコンテンツ

あなたにぴったりなプログラミング学習プランを無料で診断!

プログラミング学習の効率を劇的に上げる学習メソッドを解説