Hi,

Need help to generate a datatable based on dropdownlist selections after click button on .net core MVC 

https://i.ibb.co/dp0rVvz/repot.png

@{
    Layout = null;
}
 
@{
    const string ID = nameof(authdemo.Controllers.ReportController.JabatanStatistics);
    //string TITLE = Localizer["JabatanStatisticsReport"].Value;
}
 
<div class="col-md-12">
    <div class="card r-0 shadow mb-1 light">
        <div class="row">
            <div class="col-md-6">
                <div class="form-group mt-3 ml-3">
                    <label class="col-form-label s-12"><i class="icon-graduation-cap mr-2"></i>Pilih Jabatan</label>
                    <select asp-items="ViewBag.ListJabatan" class="form-control form-control-sm" id="ddlJabatan">
                        <option value="" selected disabled>-- Pilih Jabatan --</option>
                    </select> 
                </div>
            </div>
        </div> 
        <div class="row">
            <div class="col-md-6">
                <div class="form-group mt-3 ml-3"> 
                    <label class="col-form-label s-12"><i class="icon-graduation-cap mr-2"></i>Exam Result</label>
                    <select class="form-control form-control-sm" id="@ID-jabatan">
                        <option selected disabled>-- Pilih Result --</option>
                        <option value="LULUS">Lulus</option>
                        <option value="GAGAL">Gagal</option>
                        <option value="TIDAK HADIR">Tidak Hadir</option>
                    </select>
                </div>
            </div>
        </div> 
        <div class="row">
            <div class="col-md-6">
                <div class="form-group mt-3 ml-3"> 
                    <label class="col-form-label s-12"><i class="icon-graduation-cap mr-2"></i>TSP Card</label>
                    <select class="form-control form-control-sm">
                        <option value="">-- Pilih TSP Card --</option>
                        <option value="Done">Done</option>
                        <option value="GAGAL">Gagal</option> 
                    </select>
                </div>
            </div>
        </div> 
        <div class="row">
            <div class="col-md-6">
                <div class="form-group mt-3 ml-3"> 
                    <label class="col-form-label s-12"><i class="icon-graduation-cap mr-2"></i>CIDB Card</label>
                    <select class="form-control form-control-sm" id="@ID-jabatan">
                        <option value="">-- Pilih CIDB Card --</option>
                        <option value="Not Register<">Not Register</option>
                        <option value="Registration Process">Registration Process</option>
                        <option value="GAGAL">Gagal</option>
                        <option value="Done">Done</option>
                    </select>
                </div>
            </div>
        </div> 
        <div class="row">
            <div class="col-md-3">
                <div class="form-group mt-0 ml-3">
                    <label class="col-form-label s-12"><i class="icon-calendar-minus-o mr-2"></i>Start Date</label>
                    <input id="datebegin" class="form-control r-0 light s-12 datePicker" style="cursor:pointer" type="text"  />
                </div>
            </div>
            <div class="col-md-3">
                <div class="form-group mt-0 ml-3">
                    <label class="col-form-label s-12"><i class="icon-calendar-plus-o mr-2"></i>End Date</label>
                    <input id="dateend" class="form-control r-0 light s-12 datePicker" style="cursor:pointer" type="text"  />
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="form-group mt-0 ml-3">
                    <button class="btn btn-primary btn-md" onclick="generate@(ID)()" id="btnGenerate" value="Generate"><i class="fa fa-dropbox"></i>Generate Report</button>
                </div>
            </div>
        </div>
    </div> 
    <div class="card r-0 shadow">
        <div class="table-responsive">
            <form style="padding: 10px">
                <table id="report" class="table table-striped table-hover r-0">
                    <thead class="teal lighten-1 text-black-50">
                        <tr class="no-b">
                            <th class="text-center">Name</th>
                            <th class="text-center">Jabatan</th>
                            <th class="text-center">Staff ID</th>
                            <th class="text-center">BE No.</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </form>
        </div>
    </div> 
</div>