如何根据用户下拉选择选项更改查询？

Question

我已经为我的WordPress网站创建了一个插件。 该插件在db上有其won表，其中一列是month。 我使用小部件根据实际月份查询显示数据。 一切都很好，但是当访客选择其他月份而不是实际月份时，我无法解决如何显示每月数据的问题。 加载新数据后，它必须保留在同一页面上，而无需刷新页面。

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

这仅是示例。 试试吧。