Невозможно отфильтровать значения из таблицы с помощью jQuery - PullRequest
0 голосов
/ 06 августа 2020

Я написал код для фильтрации значений таблицы, но он не извлекает значение таблицы. У меня просто текстовое поле над таблицей, но оно не извлекает никаких значений.

Вот мой JavaScript код:

<script>
    $(document).ready(function(){
    $('#load_data').click(function () {
        $.ajax({
            url: "FinalResult1.csv",
            dataType: "text",
            success: function (data) {
                var employee_data = data.split(/\r?\n|\r/);
                var table_data = '<input id="myInput" type="text" placeholder="Search.."><table id="myTable" class="table table-bordered table-striped">';
                for (var count = 0; count < employee_data.length; count++) {
                    var cell_data = employee_data[count].split(",");
                    table_data += '<tr>';
                    for (var cell_count = 0; cell_count < cell_data.length; cell_count++) {
                        if (count === 0) {
                            table_data += '<th>' + cell_data[cell_count] + '</th>';
                        } else {
                            table_data += '<td>' + cell_data[cell_count] + '</td>';
                        }
                    }
                    table_data += '</tr>';
                }
                table_data += '</table>';
                $('#employee_table').html(table_data);
            }
        });
    });

    $("#myInput").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $("#myTable tr").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});
</script>

Здесь у меня есть кнопка, которая будет вызывать это скрипт, вот скрипт:

<div class="container">
    <div class="table-responsive">
        <h1 align="center">Table of Servers</h1>
        <br/>
        <div align="center">
            <button type="button" name="load_data" id="load_data" class="btn btn-info">Load Data</button>
        </div>
        <br/>
        <div id="employee_table">
        </div>
    </div>
</div>

Вот как выглядят мои данные:

finalresult.csv

student_id,student_name,student_phone
1,Pauline S. Rich,"412-735-0224"
2,Sarah C. White,"320-552-9961"
3,Samuel L. Leslie,"201-324-8264"
4,Norma R. Manly,478-322-4715
5,Kimberly R. Castro,479-966-6788
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...