MVC5：使用@Html.EditorFor 过滤/搜索表不起作用

Question

美好的一天，在我看来，我有一个表格，其中的行填充了一个foreach循环。 我在顶部还有一个输入框，可以过滤表格结果。

但是，当我开始在文本框中输入任何内容时，所有行都会被隐藏，而不是只有那些不符合条件的行。

如果我将@Html.EditorFor和@Html.DisplayFor替换为实际的文本值，它会起作用，但是如何使它与@Html.EditorFor和@Html.DisplayFor ？

输入框和表格：

<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for Models">
<table id="myTable">
    *headers*
    @foreach (var item in Model)
    {
        <tr class="pointsConfig">
            <td class="options">
                @Html.DisplayFor(modelItem => item.GroupId)
            </td>
            <td>
                @Html.EditorFor(modelItem => item.ModelNum)
            </td>
            *etc*
        </tr>
    }
</table>

Javascript：

<script>
    function myFunction() {
        // Declare variables
        var input, filter, table, tr, td, i, txtValue;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementById("myTable");
        tr = table.getElementsByTagName("tr");

        // Loop through all table rows, and hide those who don't match the search query
        for (i = 0; i < tr.length; i++) {
            td = tr[i].getElementsByTagName("td")[1];
            if (td) {
                txtValue = td.textContent || td.innerText;
                if (txtValue.indexOf(filter) > -1) {
                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }
            }
        }
    }
</script>