本日はセレクトメニューの使い方について説明します。
セレクトメニューは、メニューの中から「ひとつだけ選択」できる設定と「複数選択」できる
設定をすることができます。
最初に完成イメージです。
セレクトメニューの構文
最初に構文です。
<select>タグ内でname属性をしてい指定し、<option value>で送信するデータを設定します。
<select name=”名前”>
<option value=”データ1″>表示するデータ名</option>
<option value=”データ2″>表示するデータ名</option>
</select>
name属性を配列にし、multipleを指定するとメニューの中から複数を選択できるようになります。
<select name=“名前[]” multiple>
<option value=”データ1″>表示するデータ名</option>
<option value=”データ2″>表示するデータ名</option>
</select>
では、実際の例をコーディングします。
複数選択した場合、php側では配列で受け取るので、foreachで配列からデータを取り出しています。
<?php
if(isset($_GET['practice1'])) {
echo $_GET['practice1'];
}
if(isset($_GET['practice2'])) {
foreach ($_GET['practice2'] as $value) {
echo $value;
}
}
?>
<form method="get" action="textbox.php">
<p>セレクトメニュー1</p>
<select name="practice1">
<option value="1">1番目</option>
<option value="2">2番目</option>
</select>
<p>セレクトメニュー2</p>
<select name="practice2[]" multiple>
<option value="A">エー</option>
<option value="B">ビー</option>
<option value="C">シー</option>
<option value="D">イー</option>
</select>
セレクトメニューが二つ表示されます。
セレクトメニュー1からは、「2番目」を選択し、セレクトメニュー2からは「シー」と「イー」を選択します。
正しく結果を取得、表示できました。
まとめ
本日は、セレクトメニューの使い方についてでした。