如何在 javascript laravel 上自動過濾？

Question

當我想過濾表格時，我不想重定向頁面，那么如何在 javascript 中制作它？ 這是我的 javascript

javascript

    document.getElementById('inputdismissal').value = programId
    $('#modalAddDismissal').modal("show",function(){
    $('#inputdismissal').val(programId).trigger('change');
    $('#inputdismissal').change(function(){
            //fire your ajax call 
        var value = $(this).val().toLowerCase();
        $("#myTable tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        }); 
    })
    })

我有這個模態，

modal.php

  <div class="modal-header">
    <input class="form-control" id="inputdismissal" type="text" readonly/>
  </div>
  <div class="modal-body">
    <table id="tblDisNikName" class="table table-sm table-responsive table-hover table-bordered">
                <thead class="thead-dark">
                    <tr>
                        <th scope="col">Select</th>
                        <th scope="col">NIK</th>
                        <th scope="col">Nama</th>
                        <th scope="col">Position</th>
                        <th scope="col">Program</th>
                    </tr>
                </thead>
                <tbody id="myTable" class="cursor-pointer">
                    @foreach($dismissalcrew as $datadis)
                    <tr>
                        <td><input class="dismissalTest" type="checkbox"></td>
                        <td>{{$datadis->employee_nik}}</td>
                        <td>{{$datadis->employee_nama}}</td>
                        <td>{{$datadis->crewprogramposition_name}}</td>
                        <td>{{$datadis->show_name}}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
  </div>

我已經將我的價值納入inputDismissal並顯示在我的模式中。 但是表格根本沒有被過濾，當我使用inputDismisal調用模態時，如何只顯示過濾后的表格，我的意思是在調用模態時自動過濾

Answer 1

所以它基本上很簡單，我只使用 jquery 並輸入值

function filterInput(programId){
  $(document).ready(function(){
    var value = programId.toLowerCase();
    $("#myTable tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
  $('#modalAddDismissal').modal("show")
}

只需將模態放在過濾器之后就可以了