プルダウンの表示によって読み込むphpを変えたい

Question

問い合わせフォームを作っているのですが、
プルダウンの内容によって読み込むphpを変えたいと考えています。

$('select').change(function() {
と使ったら良いのかなと思うのですが、
選択したvalueの値によって、
読み込むphpを変える記述の
仕方がわかりません。

例えば、valueの値が「マンション」の時は
mansion.phpを読み込むようにしたいのですが、
どのように記述すればよいかご教示いただけないでしょうか。
どうぞよろしくお願いいたします。

<select name="物件種別"　id="select">
<option value="選択してください">選択してください</option>
<option value="なし">なし</option>
<option value="マンション">マンション</option>
<option value="一戸建て">一戸建て</option>
<option value="土地">土地</option>
</select>

<script>
$(function() {
 
  //セレクトボックスが切り替わったら発動
  $('select').change(function() {
 
    //選択したvalue値を変数に格納
    var val = $(this).val();
 
    //選択したvalue値によって、読み込むphpを変える
  });
});

</script>

Comments

[yambejp]

> 例えば、valueの値が「マンション」の時は
> mansion.phpを読み込む

「読み込む」とは何を想定していますか？ページ遷移すればいいのでしょうか？

[mikiko]

返信ありがとうございます。ページ遷移をせずに、mansion.phpのソースをindex.phpの中に表示したいと考えています。

Answer 1

たとえばカスタムデータを設定しておくとか

<script>
$(function(){
  $('select').on('change',function(){
    var url=$(this).find(':selected').attr('data-url');
    console.log(url);
  });
});
</script>
<select name="物件種別"　id="select">
<option value="なし">なし</option>
<option value="マンション" data-url="mansion.php">マンション</option>
</select>

Comments

[yambejp]

質問補足より
> mansion.phpのソースをindex.phpの中に表示したい

中身を表示するなら
・iframeに読み込む
・ajaxでソース受け取って、流し込む

のどちらかですが、取ってきたmansion.phpの内容が
次ページの内容と競合する可能性があるので注意が必要です

Answer 2

こんな感じでしょうか?

if (val === 'マンション') {
    location.href = 'mansion.php';
}