タイトルの件でご相談です。
例えば代官山スタジオ、吹田スタジオ、新宿スタジオと
プルダウンで選択するとその該当するスタジのスケジュールが表示されるように組みたいのですが、
どのようにif文を使って記載すればよいでしょうか。
気になる質問をクリップする
クリップした質問は、後からいつでもMYページで確認できます。
またクリップした質問に回答があった際、通知やメールを受け取ることができます。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/16 05:48
回答2件
0
ベストアンサー
php
1$studioid = filter_input( INPUT_POST, "studio" ); 2if($studioid === 'daikanmt') { } 3else if($studioid === 'suita') { } 4else if($studioid === 'shinjuku') { }
投稿2019/01/16 05:46
総合スコア12705
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/16 05:57
2019/01/16 06:17
2019/01/16 06:55 編集
2019/01/16 08:47
2019/01/16 08:51
2019/01/16 08:55
2019/01/16 08:55
2019/01/16 08:57
2019/01/16 09:05
2019/01/16 09:29
2019/01/16 09:30
0
text
htmlを読み込むならajax処理
javascript
1<script> 2window.addEventListener('DOMContentLoaded', function(e){ 3 document.querySelector('#s1').addEventListener('change',function(e){ 4 var url=e.target.value; 5 if(url==""){ 6 document.querySelector('#schedule').innerHTML=""; 7 }else{ 8 var xhr = new window.XMLHttpRequest(); 9 xhr.open("get", url); 10 xhr.send(null); 11 xhr.addEventListener('readystatechange',function(){ 12 if(( xhr.readyState == 4 ) && ( xhr.status == 200 )){ 13 document.querySelector('#schedule').innerHTML=xhr.responseText; 14 } 15 }); 16 } 17 }); 18}); 19</script> 20<select name="studio" id="s1"> 21<option value="">---</option> 22<option value="daikanyama.html">代官山スタジオ</option> 23<option value="suita.html">吹田スタジオ</option> 24<option value="sinjuku.html">新宿スタジオ</option> 25</select> 26<div id="schedule"></div>
画像
画像を切り替えるならこんな感じ
javascript
1<script> 2window.addEventListener('DOMContentLoaded', function(e){ 3 document.querySelector('#s1').addEventListener('change',function(e){ 4 var v=e.target.value; 5 document.querySelector('#schedule').textContent=""; 6 if(v!=""){ 7 var img=document.createElement('img'); 8 img.src=v; 9 document.querySelector('#schedule').appendChild(img); 10 } 11 }); 12 13}); 14 15</script> 16<select name="studio" id="s1"> 17<option value="">---</option> 18<option value="daikanyama.jpg">代官山スタジオ</option> 19<option value="suita.jpg">吹田スタジオ</option> 20<option value="sinjuku.jpg">新宿スタジオ</option> 21</select> 22<div id="schedule"></div>a
投稿2019/01/16 07:28
編集2019/01/16 07:33総合スコア114829
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
あなたの回答
tips
太字
斜体
打ち消し線
見出し
引用テキストの挿入
コードの挿入
リンクの挿入
リストの挿入
番号リストの挿入
表の挿入
水平線の挿入
プレビュー
質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。