Javascript 完整日历选择选项值以呈现日历下面的列表

我想添加一些功能，其中当您选择事件选项event时，它将在日历下呈现一个列表，我已经在日历中设置了工作事件click图标，每次您单击日历中的事件日期时，日历下都会显示一个列表。我想添加一些过滤功能，例如选择选项，当您更改它时，所有事件的列表将显示在同一类“订单详细信息表”中。我已将事件选择器引用存储为事件中的“标记”

<select id="event_selector"> 
  <option value="all">All</option>
  <option value="whiskey">Whiskey</option>

</select>
<div id="#eventdetails" class="order-details-table">&nbsp;</div>

    events:[

     title: 'Event Name',
     tags:'whiskey',
     products:
        [
          {
          name:'Event Place',
          url:'',
          time:'Sept. 15 | 12:00 PM',
          location:'TBA'

          }

        ]

  },

  ]


  $('event_selector').change(onSelectOpenList);
  function onSelectOpenList(){
    return['all', event.tags].indexOf($('#event_selector').val());

    function insert(title, product, url, time, location , tags){
        $(".order-details-table").append('<tr><td class="o-box-name"><a name="detailsevent">'+ product +'</a></td><td class="o-box-name">'+title+'<br><small>'+time+'</small><small>&nbsp'+location+'</small></td><td><a href="'+ url +'" class="cancel-del-text" target=_"blank">Register!</a></td></tr>'+tags);
      };

      $("html, body").animate({ scrollTop: $(".calendar").offset().top }, 1500);

      $(".order-details-table").empty(); // Clear list of products
      for (var i = 0; i < calEvent.products.length; i++) {
        insert(calEvent.title, calEvent.products[i].name, calEvent.products[i].url,  calEvent.products[i].time,  calEvent.products[i].location, calEvent.tags);
      }

---

})

因此，您希望在日历下面有一种概述，无论何时单击某个日期，都将显示该日期的所有事件？抱歉，我已经感到困惑，我只想在日历下面填充一个列表，以显示选项上的值。选择如：用户在日历上选择的事件？你说这个选项是什么意思？好的，到目前为止你试过什么？首先处理select的更改事件。然后使用fullCalendar的客户端获取日历上的所有事件。您可以使用提供的回调选项提供一个函数，该函数将过滤对包含您感兴趣的标记值的事件的响应。然后，您可以循环浏览最终结果并为其创建一些HTML，并将其显示在您的日历下面。逻辑并不难。你对此做了什么吗？我想现在我已经解释了这个过程，你应该能够很好地尝试一下吗？这有点道理，但我不知道你在哪里调用我建议的fullCalendar clientEvents方法，所以我不知道你怎么能在日历中获得当前事件的列表。您的一些变量似乎也未定义。此外，函数onSelectOpenList在第一行返回，因此它的其余部分都不会执行。