我的搜索框仅搜索大写

时间:2017-09-23 13:07:38

标签: javascript

我在制作项目时遇到了问题。我做了一个搜索框,只搜索大写,我不想让它区分大小写。 有人能帮我吗。我会感激你的。

这是我的代码

function doSearch() {
    var searchText = document.getElementById('searchTerm').value; 

    var targetTable = document.getElementById('dataTable');
    var targetTableColCount;

    //Loop through table rows
    for (var rowIndex = 0; rowIndex < targetTable.rows.length; rowIndex++) {
        var rowData = '';

        //Get column count from header row
        if (rowIndex == 0) {
           targetTableColCount = targetTable.rows.item(rowIndex).cells.length;
           continue; //do not execute further code for header row.
        }

        //Process data rows. (rowIndex >= 1)
        for (var colIndex = 0; colIndex < targetTableColCount; colIndex++) {
            rowData += targetTable.rows.item(rowIndex).cells.item(colIndex).textContent;
        }

        //If search term is not found in row data
        //then hide the row, else show
        if (rowData.indexOf(searchText) == -1)
            targetTable.rows.item(rowIndex).style.display = 'none';
        else
            targetTable.rows.item(rowIndex).style.display = 'table-row';
    }

}

1 个答案:

答案 0 :(得分:1)

最好的方法是将两者都转换为小写:

if( rowData.toLowerCase().indexOf(searchText.toLowerCase()) == -1 )

这也是以不区分大小写的方式搜索的一般做法。