選択したプルダウンの値をPHPで受け取る方法

Question

前提・実現したいこと

初めて質問させていただきます。
PHP初心者でJavaScriptは知識がありません。

年月を選択したら選択した年月と連動させてデータを表示させたいです。
データはPHPでDBから取得して表示させたので、
選択した年月をPHP側で受け取るためにGET送信をしたいと考えました。

下記コードになります。

どのようにすればPHP側で値を受け取れるのか教えていただきたいです。
また、もっといい方法があれば教えていただけたらと思います。

よろしくお願いします。

起きている問題
Undefined index:year_monthと表示され、$_GET['year_month']が出力できない。
セレクトボックスの左に2021年1月と表示される。

<select id="kanrimonth" name="kanrimonth">
<option value="20211">2021年1月</option>
<option value="20212">2021年2月</option>
<option value="20213">2021年3月</option>
</select>

$(function(){
 $('#kanrimonth').change(function(){
  $.get('kanri.php?year_month=' +$(this).$val(),function(data){
     //ここに何を記述すれば良いでしょうか？
  });
 });
});

echo $_GET['year_month'];

Comments

[m.ts10806]

Ajaxでしようとしてるんですか？
今現在のコードで起きてる問題はなにでしょうか

[zaralv1]

$.getの部分がAjaxになるのでしょうか？
undefined index:year_month と表示される状態であるのと
プルダウンの横に1と表示されてしまいます。

[m.ts10806]

そういう意味ではないです。
>$.get('kanri.php?year_month=' +$(this).$val(),function(data)

これ自体がGETリクエストとしてAjaxを実行しようとしてますよね？という確認です。

[m.ts10806]

AjaxでPHP実行すると画面には出てきませんよ。
GETならまぁ直に実行できなくはないですけど。

[zaralv1]

教えていただきありがとうございます。
>AjaxでPHP実行すると画面には出てきませんよ。
そうなんですね。Ajaxが分からないのですが、jQueryで実行してると思っていました。
>AjaxでPHP実行すると画面には出てきませんよ。
＄_GET['year_month']で受け取ることはできないということでしょうか？

Answer 1

$(this).$val()

jQuery構文の問題では。
.val()

JavaScriptのエラーをブラウザデベロッパーツールのコンソールで確認してください。

Comments

[退会済みユーザー]

気づきませんでした

[zaralv1]

教えていただきありがとうございます。
unexpected end of inputとなっていました！
こちらは解決させたのですが、$_GET['year_month']で値を受け取ることができません。
$.get('kanri.php?year_month=' +$(this).$val(),function(data){
});
この中身はどのように書くべきかわかりますでしょうか？

[hentaiman]

それ回答内容スルーしてません？

[zaralv1]

大変失礼いたしました。＄を省きました。
ディベロッパーモードでNetworkタブを見ると
kanri.php?year_month=20212（2021年2月を選択）となるのですが
echo $_GET['year_month']; が出力されないのは何故でしょうか？

[m.ts10806]

Ajaxはバックグラウンドで実行するため。デバッグ方法なくはないですけど、単にecho書いてるだけなら$.getのコールバックで受け取ってるdataをJavaScriptでコンソールなりなんなりで確認してみてください。

Answer 2

$.get('kanri.php?year_month=' +$(this).$val(),function(data)の
「$(this)」ってなんだろうってのと、
「$val()」の$ってなんだろうってのと、
送信成功時に呼ばれる関数が定義されていないのが問題かもしれないので、

$(function(){
 $('#kanrimonth').change(function(){
  $.get('kanri.php?year_month=' + $('#kanrimonth').val(), function(data){}
 });
});

などとしてみるとか。

（加筆）あー、$が邪魔してましたね、そういえば。

Comments

[zaralv1]

教えていただきありがとうございます。
$(this)の方が便利（自動的に変化する）と思ったのですが、複数あるわけでもないので必要なかったかもしれません。
$('#kanrimonth')にしてみましたが結果は変わりませんでした。