PHPで選択した項目だけを画像として表示させたい

Question

タイトルの件でご相談です。

例えば代官山スタジオ、吹田スタジオ、新宿スタジオと
プルダウンで選択するとその該当するスタジのスケジュールが表示されるように組みたいのですが、
どのようにif文を使って記載すればよいでしょうか。

Comments

[m.ts10806]

ご自身で何かしら取り組まれて、そこで詰まったことを質問しているわけではないのでしょうか。

[CHERRY]

現時点のソースコードを記載していただくことは可能でしょうか？

Answer 1

$studioid = filter_input( INPUT_POST, "studio" );
if($studioid === 'daikanmt') { }
else if($studioid === 'suita') { }
else if($studioid === 'shinjuku') { }

Comments

[akkkkin]

ありがとうございますｌ
{ }の箇所は{echo "img/hogehoge.jpg"}
ということでしょうか？
※例えば上記は画像を表示させる仕様

[akkkkin]

$studioid = filter_input( INPUT_POST, "studio" );
if($studioid === 'daikanmt'){echo "img/hogehoge1.jpg"}
else if($studioid === 'suita') {echo "img/hogehoge2.jpg"}
else if($studioid === 'shinjuku'){echo "img/hogehoge3.jpg"}

でよろしいでしょうか。

[papinianus]

やりたいことが「スケジュールの取得」で、あまりに想像がつかず空白にしていました。
画像ならそうでしょう。ただし行末に「;」が必要です
{echo "img/hogehoge.jpg";}

[akkkkin]

$studioid = filter_input( INPUT_POST, "studio" );
if($studioid === 'daikanmt'){echo "img/hogehoge1.jpg;"}
else if($studioid === 'suita') {echo "img/hogehoge2.jpg;"}
else if($studioid === 'shinjuku'){echo "img/hogehoge3.jpg;"}

<select name="example">
<option value="studioid">代官山スタジオ</option>
<option value="studioid">吹田スタジオ</option>
<option value="studioid">新宿スタジオ</option>
</select>

これでは表示できないのですが、どれがまちがっているのでしょうか？

[papinianus]

selectのvalueはそれぞれ、studioidではなく、各スタジオを表現する文字列などにすべきですし、selectのnameがexampleならfilter_input側もexampleでなければなりません。

[akkkkin]

$studioid = filter_input( INPUT_POST, "studio" );
if($studioid === 'daikanmt'){echo "img/hogehoge1.jpg;"}
else if($studioid === 'suita') {echo "img/hogehoge2.jpg;"}
else if($studioid === 'shinjuku'){echo "img/hogehoge3.jpg;"}

ありがとうございます。これでいかがでしょうか。
<select name="ilter_input">
<option value="daikanmt">代官山スタジオ</option>
<option value="suita">吹田スタジオ</option>
<option value="suita">新宿スタジオ</option>
</select>

[akkkkin]

ありがとうございます。これでいかがでしょうか。

$studioid = filter_input( INPUT_POST, "studio" );
if($studioid === 'daikanmt'){echo "img/hogehoge1.jpg;"}
else if($studioid === 'suita') {echo "img/hogehoge2.jpg;"}
else if($studioid === 'shinjuku'){echo "img/hogehoge3.jpg;"}

<select name="ilter_input">
<option value="daikanmt">代官山スタジオ</option>
<option value="suita">吹田スタジオ</option>
<option value="suita">新宿スタジオ</option>
</select>

[akkkkin]

<img src = "$studioid">

これで表示でしょうか。

[papinianus]

<select name="studio">ですかね。
表示は、'<img src = "'.$studioid.'.jpg >'とかですかねぇ

[akkkkin]

$studioid = filter_input( INPUT_POST, "studio" );
if($studioid === 'daikanmt'){echo "img/hogehoge1.jpg;"}
else if($studioid === 'suita') {echo "img/hogehoge2.jpg;"}
else if($studioid === 'shinjuku'){echo "img/hogehoge3.jpg;"}

<select name="studio">
<option value="daikanmt">代官山スタジオ</option>
<option value="suita">吹田スタジオ</option>
<option value="suita">新宿スタジオ</option>
</select>

<img src = "'.$studioid.'.jpg >

でしょうか。

[akkkkin]

ご丁寧にご教示いただきありがとうござます。

Answer 2

text

htmlを読み込むならajax処理

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#s1').addEventListener('change',function(e){
    var url=e.target.value;
    if(url==""){
      document.querySelector('#schedule').innerHTML="";
    }else{
      var xhr = new window.XMLHttpRequest();
      xhr.open("get", url);
      xhr.send(null);
      xhr.addEventListener('readystatechange',function(){
        if(( xhr.readyState == 4 ) && ( xhr.status == 200 )){
          document.querySelector('#schedule').innerHTML=xhr.responseText;
        }
      });
    }
  });
});
</script>
<select name="studio" id="s1">
<option value="">---</option>
<option value="daikanyama.html">代官山スタジオ</option>
<option value="suita.html">吹田スタジオ</option>
<option value="sinjuku.html">新宿スタジオ</option>
</select>
<div id="schedule"></div>

画像

画像を切り替えるならこんな感じ

<script>
window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('#s1').addEventListener('change',function(e){
    var v=e.target.value;
    document.querySelector('#schedule').textContent="";
    if(v!=""){
      var img=document.createElement('img');
      img.src=v;
      document.querySelector('#schedule').appendChild(img);
    }
  });

});

</script>
<select name="studio" id="s1">
<option value="">---</option>
<option value="daikanyama.jpg">代官山スタジオ</option>
<option value="suita.jpg">吹田スタジオ</option>
<option value="sinjuku.jpg">新宿スタジオ</option>
</select>
<div id="schedule"></div>a