Javascript 模态体中的搜索栏，用于根据输入的文本自动搜索

以下是html代码：

<div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">{{selectedClassName}}</h4>
            </div>
            <div class="modal-body errorDetailPannel">
                <table class="table table-sm table-inverse table-responsive table-striped">
                    <thead>
                        <tr>
                            <th>Line</th>
                            <th>Review Feedback</th>
                        </tr>
                        <input type="text" class="form-control search-box" placeholder="Search">
                    </thead>
                    <tbody>
                        <tr ng-repeat="eachClass in selectedClassErrDetails">
                            <td>{{eachClass.lineNumber}}</td>
                            <td>{{eachClass.reviewFeedback}}</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

 </div>

&时代；
{{selectedClassName}}
线
审查反馈
{{eachClass.lineNumber}
{{eachClass.reviewFeedback}
接近

JS文件：

function OrderFormController($scope,$http){

    var urlString = window.location.href;
    var urlParams = parseURLParams(urlString);

    var date = urlParams['date'];

    var jsonData = $.ajax({
        url: "**********************************************,
        dataType: "json",
        crossDomain: true,
        async: false
    }).responseText;

    var parsed = JSON.parse(jsonData);
    $scope.selectedClassErrDetails = [];
    $scope.selectedClassName = "";
    $scope.showErrorDetails = function(classNameKey){
        $scope.selectedClassName = classNameKey;
        $scope.selectedClassErrDetails = $scope.sampleJSON[classNameKey];
        angular.element('#myModal').modal('show');
    };

    $scope.sampleJSON = parsed;

};

function parseURLParams(url) {
    var queryStart = url.indexOf("?") + 1,
        queryEnd   = url.indexOf("#") + 1 || url.length + 1,
        query = url.slice(queryStart, queryEnd - 1),
        pairs = query.replace(/\+/g, " ").split("&"),
        parms = {}, i, n, v, nv;

    if (query === url || query === "") return;

    for (i = 0; i < pairs.length; i++) {
        nv = pairs[i].split("=", 2);
        n = decodeURIComponent(nv[0]);
        v = decodeURIComponent(nv[1]);

        if (!parms.hasOwnProperty(n)) parms[n] = [];
        parms[n].push(nv.length === 2 ? v : null);
    }
    return parms;
}

函数OrderFormController（$scope，$http）{ var urlString=window.location.href； var urlParams=parseURLParams（urlString）； var date=urlParams['date']； var jsonData=$.ajax({ url:*********************************************************************************， 数据类型：“json”， 跨域：是的， 异步：false }).responseText； var parsed=JSON.parse（jsonData）； $scope.selectedClassErrDetails=[]； $scope.selectedClassName=“”； $scope.batherRorDetails=函数（classNameKey）{ $scope.selectedClassName=classNameKey； $scope.selectedClassErrDetails=$scope.sampleJSON[classNameKey]； 角度元素（'#myModal'）。模态（'show'）； }; $scope.sampleJSON=已解析； }; 函数parseURLParams（url）{ var queryStart=url.indexOf（“？”）+1， queryEnd=url.indexOf（“#”）+1 || url.length+1， query=url.slice（queryStart，queryEnd-1）， pairs=query.replace（/\+/g，“”）.split（“&”）， parms={}，i，n，v，nv； 如果（查询===url | |查询===“”）返回； 对于（i=0；i 我在我的模式顶部引入了一个搜索面板，但它不起作用。我不需要提交按钮，但当在搜索框中输入文本时，它应该根据搜索框中的匹配短语过滤moday内容的结果。在下图中，我给出了asd，但它没有过滤结果

修改的JS:

function searchFunction() {
    var input, filter, table, tr, td, i;
    input = document.getElementById("searchBar");
    filter = input.value.toUpperCase();
    table = document.getElementById("errorTable");
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[1];
        if (td) {
            if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
                tr[i].style.display = "";
            } else {
                tr[i].style.display = "none";
            }
        }
    }
}

function searchFunction（）{
var输入、过滤器、表格、tr、td、i；
输入=document.getElementById（“搜索栏”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“errorTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
}否则{
tr[i].style.display=“无”；
}
}
}
}

函数myFunction（）{
var输入、过滤器、表格、tr、td、i；
输入=document.getElementById（“myInput”）；
filter=input.value.toUpperCase（）；
table=document.getElementById（“myTable”）；
tr=table.getElementsByTagName（“tr”）；
对于（i=0；i-1）{
tr[i].style.display=“”；
}否则{
tr[i].style.display=“无”；
}
}       
}
}

*{
框大小：边框框；
}
#我的输入{
背景图片：url（'/css/searchicon.png'）；
背景位置：10px 10px；
背景重复：无重复；
宽度：100%；
字体大小：16px；
填充：12px 20px 12px 40px；
边框：1px实心#ddd；
边缘底部：12px；
}
#我的桌子{
边界塌陷：塌陷；
宽度：100%；
边框：1px实心#ddd；
字号：18px；
}
#我的表th，#我的表td{
文本对齐：左对齐；
填充：12px；
}
#myTable tr{
边框底部：1px实心#ddd；
}
#myTable tr.header，#myTable tr:悬停{
背景色：#f1f1；
}

我的顾客
名称
国家
阿尔弗雷德·福特基斯特
德国
伯格伦兹蛇
瑞典
岛屿贸易
英国
科尼格利希·埃森
德国
笑巴克斯酒窖
加拿大
马加兹尼营养不良
意大利
北/南
英国
巴黎特色酒店
法国

你的JS在哪里？给定了JS，但JS只从我的rest调用中获取数据，其他什么都没有。是的，我根据我的表ID修改了JS，但不知怎么的，它没有显示任何内容。在上面添加了修改的JS，并添加了

onkeyup=“searchFunction（）

没问题，明白了。我的表数据在索引1上。