Как изменить запрос на основе варианта выбора выпадающего списка?

Question

Я создал плагин для своего веб-сайта WordPress. Этот плагин имеет свою выигранную таблицу на db, а один из ее столбцов - месяц. Я использую виджет для отображения данных на основе фактического запроса месяца. Все прекрасно, но я не могу понять, как отображать ежемесячные данные, когда посетитель выбирает другой месяц, а не фактический месяц. После загрузки новых данных он должен оставаться на одной странице без обновления страницы.

<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); 
    } 
}); 

Это просто пример. попробуй.