Create Fullcalendar events filter

Question

Good morning, I would like to know how to create a filter in a dropdown that will return me certain events. An example is this: http://www.mikesmithdev.com/demo-fullcalendar-with-event-filtering/, but with a dropdown. I took a look at some materials, but nothing that could help me. Thank you

Answer 1

I had a question just like yours. I decided as follows: whenever the select is changed, you take the option value and use this value to filter from all the events you searched in ajax. An example would be:

$('#seleciona').change(function(){
$("#calendar").fullCalendar('removeEvents');//remove os eventos anteriores
var idEspacoFisico=$('#seleciona option:selected').val();//Pega o id do option
$.ajax({
    type:"POST",
    url:'eventos/getEventos.json', //Pega todos os eventos
    success: function(data){
        $.each(data,function(index,value){//Para cada valor do data, compara se o campo é igual ao filtro selecionado. Se for igual, renderiza.
            if(value.espacoFisico==idEspacoFisico){
                $("#calendar").fullCalendar('renderEvent', value, true);
            }
        })
    }
});
});
});