Javascript 如何在gridview中滚动到div中的特定记录

我有一个文本框和一个按钮 我有一个很长的GridView（我不想分页），所以我把它放在一个启用了垂直滚动条的Div中

我只想在文本框中输入搜索字符串，如果我点击按钮，它会找到字符串匹配的行并设置其背景颜色，然后滚动到该行

这应该在Javascript中完成。 我可以做每一件事，但滚动到找到的行时运气不佳

javascript函数如下所示

function NextClinic() {

            var gvClinics = document.getElementById("<%= gvClinics.ClientID %>");
            var FindText = document.getElementById("<%= txtClinicKeywords.ClientID %>").value;
            var oRows = gvClinics.rows;
            var rawDataRows = new Array();
            var cell;
            var hdnCounterNext = document.getElementById("<%= hdnCounterNext.ClientID %>").value;
            for (var i = hdnCounterNext; i < oRows.length; i++) {
                var cell = gvClinics.rows[i].cells[3];
                if (cell.innerHTML.indexOf(FindText) !== -1) {
                    alert("found at " + i);
                    document.getElementById("<%= hdnCounterNext.ClientID %>").value = i+1
                    return false;
                }
            }
        }

函数NextClinic（）{
var=document.getElementById（“”）；
var FindText=document.getElementById（“”）.value；
var oRows=gvClinics.rows；
var rawDataRows=新数组（）；
var细胞；
var hdnCounterNext=document.getElementById（“”）.value；
for（var i=hdnCounterNext；i

最好的建议不胜感激

谢谢

---

Sri。

尝试获取单击的位置，然后使用ScrollTo选项将其移动到正确的位置。我认为jquery将帮助您。我认为有一些插件可以做到这一点，这里是其中之一：。即使可以，也可以使用元素的位置。

使用该方法

函数NextClinic（）{
var=document.getElementById（“”）；
var FindText=document.getElementById（“”）.value；
var oRows=gvClinics.rows；
var rawDataRows=新数组（）；
var细胞；
var hdnCounterNext=document.getElementById（“”）.value；
for（var i=hdnCounterNext；i

function NextClinic() {

            var gvClinics = document.getElementById("<%= gvClinics.ClientID %>");
            var FindText = document.getElementById("<%= txtClinicKeywords.ClientID %>").value;
            var oRows = gvClinics.rows;
            var rawDataRows = new Array();
            var cell;
            var hdnCounterNext = document.getElementById("<%= hdnCounterNext.ClientID %>").value;
            for (var i = hdnCounterNext; i < oRows.length; i++) {
                var cell = gvClinics.rows[i].cells[3];
                if (cell.innerHTML.indexOf(FindText) !== -1) {
                    alert("found at " + i);
                    cell.scrollIntoView();
                    document.getElementById("<%= hdnCounterNext.ClientID %>").value = i+1
                    return false;
                }
            }
        }