<Wordpress> phpでwpdbを使ってmySQLでデータベースの情報を取得

Question

前提・実現したいこと

phpでmySQLのwpdbを使ってデータベースの情報を取得したいのですが、固定ページにある国名選択のチェックボックス（html）の情報をうまく受け渡しできません。アドバイスをお願いします。Wordpressの固定ページで作成しており、データベースはphpMyAdminをつかってアップロードしています。

以下のコードでは2015年のある国の件数をカウントしています。

発生している問題・エラーメッセージ

選択した国名（$testCountry）をうまくSQL文に埋め込めない

エラーメッセージ

該当のソースコード

function clickBtn2() {
  let countrystr = "";
  const f_country = document.getElementById("form_country");		
  const country = f_country.country;
  for (let i = 0; i < country.length; i++) {
      if (country[i].checked) {//(color2[i].checked === true)と同じ
        countrystr = country[i].value;
        break;
      }
    }
    document.getElementById("span_country").textContent = countrystr;

 // $testCountryにcountrystrの値代入
    <?php $testCountry = "countrystr"; ?>
    document.getElementById("span_testCountry").textContent = <?php echo $testCountry; ?>;

 <?php
    global $wpdb;
    $query2015 = "SELECT COUNT(*) FROM $wpdb->stats_2015 WHERE Country = 'Japan'"; // OK
    
    $query2015 = "SELECT COUNT(*) FROM $wpdb->stats_2015 WHERE Country = "; 
    $query2015 .= "'Japan'"; // OK
    
    $query2015 = "SELECT COUNT(*) FROM $wpdb->stats_2015 WHERE Country = "; 
    $query2015 .= "'$testCountry'"; // 件数が0になってしまう
    
    $item_count2015 = $wpdb->get_var($wpdb->prepare("SELECT COUNT(*) FROM $wpdb->stats_2015 WHERE Country = %s","'$testCountry'"));  // NG
    $item_count2015 = $wpdb->get_var($wpdb->prepare($query2015));  // $query2015の作り方によっては動作しない
    $item_count2015 = $wpdb->get_var("SELECT COUNT(*) FROM $wpdb->stats_2015 WHERE Country = 'Japan'"); // OK
    ?>

試したこと

引用符（", '）の使い方等、試しましたがうまくいきませんでした。宜しくお願いします。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

根本的な問題として、JavaScriptはブラウザ上で動作します。その時点でPHPの出力は終わっています。
JavaScriptからPHPに何らかの処理をさせる場合、Ajax等で別途やり取りをする必要があります。

Comments

[Kenji__]

ご教示ありがとうございます。基本的な仕組みを理解していなかったようで、ヒントをいただき大変助かります。