ユーザードロップダウン選択オプションに基づいてクエリを変更するにはどうすればよいですか？

Question

私は自分のワードプレスのウェブサイト用のプラグインを作成しました。このプラグインはdbのウォンテーブルを持ち、その1つは月です。私は実際の月のクエリに基づいてデータを表示するためにウィジェットを使用します。訪問者が実際の月ではなく別の月を選択した場合に、毎月のデータを表示する方法を工夫することができない限り、すべてのことは問題ありません。新しいデータが読み込まれた後は、ページを更新せずに同じページに残る必要があります。

<div class="st-container-bottom"> 
    <div class="st-download"><a href="#" title="full timetable" class="full-timetable">&gt; Download Full Prayer Timetable</a></div> 
    <span class="st-close"><a title="Close"></a></span> 
    <div class="st-change"> 
     <select id="st-tt"> 
      <option value="01">January</option> 
      <option value="02">February</option> 
      <option value="03">March</option> 
      <option value="04">April</option> 
      <option value="05">May</option> 
      <option value="06">June</option> 
      <option value="07">July</option> 
      <option value="08">August</option> 
      <option value="09">September</option> 
      <option value="10">October</option> 
      <option value="11">November</option> 
      <option value="12" selected="">December</option> 
     </select> 
     <span class="ld-img" style="display: none;">loading...</span> 
    </div> 
    </div> 

Answer 1

ajaxを試して、ページを更新せずに必要なデータを取得してください。

例：

$.ajax({ 
    url: 'example.php', 
    type: 'post', 
    data: {'st-tt': $('#st-tt').val()}, 
    success: function(result) { 
    console.log(result); 
    } 
}); 

これはあくまでも一例です。それを試してみてください。