使用JavaScript排序(没有jQuery或任何插件)?

使用JavaScript排序(没有jQuery或任何插件)?,javascript,asp.net,gridview,Javascript,Asp.net,Gridview,我有一个id列表的下拉列表,只需要使用纯JavaScript在GridView中显示该id的数据,而不使用任何插件或代码隐藏文件,不需要jQuery。 如何使用JavaScript。 谢谢首先指定要在下拉列表的选择更改时运行的javascript函数: <asp:DropDownList ID="DropDownList1" runat="server" onchange="filterGrid(this.value);"> 然后在filterGrid js函数中写入逻辑: f

我有一个id列表的下拉列表,只需要使用纯JavaScript在GridView中显示该id的数据,而不使用任何插件或代码隐藏文件,不需要jQuery。 如何使用JavaScript。
谢谢

首先指定要在下拉列表的选择更改时运行的javascript函数:

<asp:DropDownList ID="DropDownList1" runat="server" onchange="filterGrid(this.value);">

然后在filterGrid js函数中写入逻辑:

function filterGrid(value)
    {
        var grid = document.getElementById('<%= GridView1.ClientID %>');

        if (grid != null)
        {
            var rows = grid.getElementsByTagName("tr");

            for (var i = 0; i < rows.length; ++i)
            {
                var cells = rows[i].getElementsByTagName("td");

                if (cells.length > 0)
                {
                    if (cells[IndexOfColumnWithId].innerText === value)
                        rows[i].style.display = 'table-row';
                    else
                        rows[i].style.display = 'none';
                }
            }
        }
    }
函数filterGrid(值)
{
var grid=document.getElementById(“”);
如果(网格!=null)
{
var rows=grid.getElementsByTagName(“tr”);
对于(变量i=0;i0)
{
if(单元格[IndexOfColumnWithId].innerText==值)
行[i].style.display='表行';
其他的
行[i].style.display='none';
}
}
}
}

将上述代码中的“IndexOfColumnWithId”替换为网格中id列索引的整数值。

我已经尝试过,我可以使用表格显示。。但我希望它在GridView中。我只能在所有站点中看到jquery。