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

时间:2017-01-11 16:03:12

标签: php ajax

我为我的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>  

1 个答案:

答案 0 :(得分:1)

尝试使用ajax获取所需数据而不刷新页面。

示例:

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

这只是一个例子。试试吧。