Javascript 流星活性成分过滤

我有一个带有数据表的动态页面，需要过滤。 我的集合中的每个项目都有月份字段，我还有一个包含13个选项的select（12个月+任意），如果再次调用查询，我会让它工作，但它不是动态的。以下是我现在拥有的：

HTML

页面的图像

尝试使用：

首先，将

选项

标记的

值

更改为当月的

编号

例如：

<select class="form-control month-filter">
    <option value="0">Any</option>
    <option value="1">January</option>
    <option value="2">Februray</option>
    <option value="3">March</option>
    [ ... etc ... ]
 </select>

那么在助手中，您只需要：

tripList: function(){
    const monthNumber = month.get()
    return Trips.find({"month": { $eq: monthNumber }}, {sort:{createdAt: -1}});
}

<select class="form-control month-filter">
    <option value="0">Any</option>
    <option value="1">January</option>
    <option value="2">Februray</option>
    <option value="3">March</option>
    [ ... etc ... ]
 </select>

Template.trip_html.events({
    "change .month-filter": function( event, template ) {

        const month = new ReactiveVar(null); //declare reactive var
        var monthNumber = $( event.target ).val(); // get month number from selected option value
        month.set(monthNumber); // set reactive var to month number
});

tripList: function(){
    const monthNumber = month.get()
    return Trips.find({"month": { $eq: monthNumber }}, {sort:{createdAt: -1}});
}