実現したいこと

foreach文を用いてプルダウンメニューを作成、またforeach文自体は関数として作成し、html内で出力したいと考えています。

発生している問題・分からないこと

ただ、foreach文を作成しただけじゃダメで関数として作成し、またhtmlファイルでの動かし方が分からないです！

該当のソースコード

index.php
1function pulldown() {
2    $languages = ["javascript", "PHP", "Java", "Python", "C#", "Golang", "Erlang", "Ruby"];
3    //ここに処理を記述
4    foreach ($languages as $value) {
5        echo $value;
6    }
7
8}
9?>
10
11<!DOCTYPE html>
12<html lang='ja'>
13<head>
14    <meta charset='utf-8'>
15    <title>PHP loop</title>
16</head>
17<body>
18    <form action="#">
19        <label for="lang">Language</label>
20        <select name="languages" id="lang">
21            <!-- 関数を出力 -->
22            <?php    
23                pulldown();
24            ?>
25        </select>
26        <input type="submit" value="Submit" />
27    </form>
28</html>
29

試したこと・調べたこと

teratailやGoogle等で検索した
ソースコードを自分なりに変更した
知人に聞いた
その他

上記の詳細・結果

teratailやGoogle等で検索してはみましたが同様の質問文がなく質問をさせていただきました。
どなたかご教授お願いいたします！

補足

特になし

行動規範の内容に同意します

回答2件

単純にselectの要素として記載するならoptionを作ってやればよいのでは？

PHP
1<?PHP
2function pulldown() {
3    $languages = ["javascript", "PHP", "Java", "Python", "C#", "Golang", "Erlang", "Ruby"];
4    foreach ($languages as $value) {
5        echo "<option value=\"$value\">$value</option>\n";
6    }
7}
8?>
9
10<!DOCTYPE html>
11<html lang='ja'>
12<head>
13    <meta charset='utf-8'>
14    <title>PHP loop</title>
15</head>
16<body>
17    <form action="#">
18        <label for="lang">Language</label>
19        <select name="languages" id="lang">
20            <!-- 関数を出力 -->
21            <?php    
22                pulldown();
23            ?>
24        </select>
25        <input type="submit" value="Submit" />
26    </form>
27</html>

参考

DOMで処理するならこんな感じ
※一部調整

PHP
1<?PHP
2function pulldown() {
3  $languages = ["javascript", "PHP", "Java", "Python", "C#", "Golang", "Erlang", "Ruby"];
4  $dom = new DOMDocument();
5  $x=$dom->createElement('option');
6  array_walk($languages,function($value) use($dom,$x){
7    $x->textContent=$value;
8    $x->setAttribute('value',$value);
9    print $dom->saveXML($x)."\n";
10  });
11}
12?>
13
14<!DOCTYPE html>
15<html lang='ja'>
16<head>
17    <meta charset='utf-8'>
18    <title>PHP loop</title>
19</head>
20<body>
21    <form action="#">
22        <label for="lang">Language</label>
23        <select name="languages" id="lang">
24            <!-- 関数を出力 -->
25            <?php    
26                pulldown();
27            ?>
28        </select>
29        <input type="submit" value="Submit" />
30    </form>
31</html>

投稿2024/12/24 00:59

編集2024/12/24 02:33

yambejp

総合スコア116921

daiku0919

2024/12/24 02:50

回答ありがとうございます。ベストアンサーは別の方を選ばせていただきましたが、こちらの回答も非常に参考になりました。 echo "<option value=\"$value\">$value</option>\n"; こちらはなぜ$valueを二つ記載するのですか？？

行動規範の内容に同意します

ベストアンサー

一度動かしてみてはいかがでしょうか？

例えば playground で動かすと次の様に表示されます。

コンボボックスが空の様に見受けられます。
何故でしょうか？

表示を html から text に変えてみます。

※ 直接ローカル実行しているのでしたらF12で要素を見るか、右クリックからソースを見てはいかがでしょうか？

※ ここでは PHP Playground 上で実行しているのでそっちの出力モード切替を行います。

すると次の様な表示が現れます。 (playground)

html
1<!DOCTYPE html>
2<html lang='ja'>
3<head>
4    <meta charset='utf-8'>
5    <title>PHP loop</title>
6</head>
7<body>
8    <form action="#">
9        <label for="lang">Language</label>
10        <select name="languages" id="lang">
11            <!-- 関数を出力 -->
12            javascriptPHPJavaPythonC#GolangErlangRuby        </select>
13        <input type="submit" value="Submit" />
14    </form>
15</html>

html のフォーマットになっていませんね。 <select> タグは <option> タグによりオプションを追加することができるので

<select>: HTML 選択要素 - HTML: ハイパーテキストマークアップ言語 | MDN

<option>: HTML 選択肢要素 - HTML: ハイパーテキストマークアップ言語 | MDN

つまり、`<option>` タグをつけてやればよいのです

playground

php
1<?php
2function pulldown() {
3    $languages = ["javascript", "PHP", "Java", "Python", "C#", "Golang", "Erlang", "Ruby"];
4    //ここに処理を記述
5    foreach ($languages as $value) {
6        echo "<option>{$value}</option>";
7    }
8
9}
10?>
11
12<!DOCTYPE html>
13<html lang='ja'>
14<head>
15    <meta charset='utf-8'>
16    <title>PHP loop</title>
17</head>
18<body>
19    <form action="#">
20        <label for="lang">Language</label>
21        <select name="languages" id="lang">
22            <!-- 関数を出力 -->
23            <?php    
24                pulldown();
25            ?>
26        </select>
27        <input type="submit" value="Submit" />
28    </form>
29</html>