(PHPの始め方)htmlフォーム セレクトメニューの使い方

本日はセレクトメニューの使い方について説明します。
セレクトメニューは、メニューの中から「ひとつだけ選択」できる設定と「複数選択」できる
設定をすることができます。
最初に完成イメージです。

セレクトメニューの構文

最初に構文です。
<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からは「シー」と「イー」を選択します。

正しく結果を取得、表示できました。

まとめ

本日は、セレクトメニューの使い方についてでした。

タイトルとURLをコピーしました