如何在HTML表格中搜索我在搜索栏中输入的完全匹配?

时间:2016-05-20 01:26:35

标签: javascript html search html-table exact-match

我目前正在使用以下代码为网站上的HTML表格创建单列搜索。目前,当我在搜索栏中输入内容时,代码会返回包含我在其中任何位置搜索的内容的每一行。例如(我将其用于电影收视率),当我键入" G"在搜索栏中,我收到了所有评级为G的内容,但也评价了PG或PG-13。有没有办法让我可以调整此代码只返回与我的搜索完全匹配的结果?换句话说,是否有办法改变事物,以便在我搜索" G" (或" g"),我只收回我的G级电影而不是PG或PG-13的任何评级?

谢谢!

现行守则:

<script type="text/javascript">

function searchRows(tblId) {
var tbl = document.getElementById(tblId);
var headRow = tbl.rows[0];
var arrayOfHTxt = new Array();
var arrayOfHtxtCellIndex = new Array();

for (var v = 0; v < headRow.cells.length; v++) {
 if (headRow.cells[v].getElementsByTagName('input')[0]) {
 var Htxtbox = headRow.cells[v].getElementsByTagName('input')[0];
  if (Htxtbox.value.replace(/^\s+|\s+$/g, '') != '') {
    arrayOfHTxt.push(Htxtbox.value.replace(/^\s+|\s+$/g, ''));
    arrayOfHtxtCellIndex.push(v);
  }
 }
}

for (var i = 1; i < tbl.rows.length; i++) {

    tbl.rows[i].style.display = 'table-row';

    for (var v = 0; v < arrayOfHTxt.length; v++) {

        var CurCell = tbl.rows[i].cells[arrayOfHtxtCellIndex[v]];

        var CurCont = CurCell.innerHTML.replace(/<[^>]+>/g, "");

        var reg = new RegExp(arrayOfHTxt[v] + ".*", "i");

        if (CurCont.match(reg) == null) {

            tbl.rows[i].style.display = 'none';

       }

    }

  }
}
</script>

1 个答案:

答案 0 :(得分:0)

首先使用toUpperCase()

然后,如果您只想区分===,就可以使用G, PG, PG-13, R, NC-17