Javascript 和列表框项目删除

Question

我有一个带有列表框、文本框和按钮的简单 aspx 页面。列表框在 page_load 事件中加载了 40 个左右的项目。

该按钮触发以下 javascript，它应该删除任何不包含用户在文本框中键入的值的列表框项目。基本上，它应该是一个搜索工具。

问题是，它只删除了它应该删除的项目的大约一半。我必须点击按钮 4 次才能最终获得我应该在第一次点击时获得的结果。这是函数:

function Search()
{
var strSearch = document.getElementById("<%= txtSearch.clientID %>").value;
var lstRsns = document.getElementById("<%= lstReasons.clientID %>");
var Temp;
var i;

for(i=0;i<lstRsns.options.length;i++)
    {
    Temp = lstRsns.options[i].text.toUpperCase();
    if (Temp.indexOf(strSearch.toUpperCase()) == -1)
        {
        lstRsns.remove(i);
        }            
    }
}

我做错了什么？这似乎应该有效。

感谢您的任何/所有建议，

杰森

Answer 1

当您删除元素时，列表会不断缩短。只需在循环中执行 lstRsns.remove(0); 直到找到您要查找的元素，然后是 lstRsns .remove(1);.