在第一次执行代码 JavaScript 时将永久值存储在变量中

Question

function filterListBox() {
  debugger;
  var txtValue = document.getElementById('<%=txtSearchUser.ClientID %>').value; //to get entered value to search
  var lstbox = document.getElementById('<%=lstMembers.ClientID %>');
  var opt;
  var array = new Array();
  var array1 = new Array();
  array = lstbox.options; //array value is 8

  if (txtValue != '') {
    for (var i = 0; i < array.length; i++) {
      if (array[i].innerText.toLowerCase().indexOf(txtValue) > -1) {
        opt = document.createElement("option");
        opt.text = array[i].text;
        opt.value = array[i].value;
        array1.push(opt); // only pushes names that match the search filter

      }

    }
    lstbox.options.length = 0;
    for (var i = 0; i < array1.length; i++) {
      opt = document.createElement("option");
      opt.text = array1[i].text;
      opt.value = array1[i].value;
      lstbox.add(opt); // displays the pushed names that matched the search filter
    }

  }
  else {
    lstbox.options.length = 0;
    for (var i = 0; i < array.length; i++) {
      opt = document.createElement("option");
      opt.text = array[i].text;
      opt.value = array[i].value;
      lstbox.add(opt);
    }
  }

}

在上面的代码中，当我第一次运行代码时，变量 array 的值为 8。但是当它进入 if(txtValue != '') 时，它开始过滤名称并仅推送 array1 中的那些名称匹配输入的值 (txtValue)。然后它只显示这些名称。

这里的问题是，当我为 txtValue 输入另一个值时，它会在更新的数组选项中搜索该值，而不是在原始数组中搜索该值。所以返回的结果是不正确的。我谦虚地寻求一种解决方案，将阵列重置为其原始选项并搜索整个阵列而不是更新的阵列。

谢谢。任何帮助深表感谢。

Answer 1

先将选项复制到永久数组，然后使用它。

var lstbox, allOptions;
document.addEventListener("DOMContentLoaded", function(event) {
    lstbox = document.getElementById('<%=lstMembers.ClientID %>');
    allOptions = Array.from(lstbox.options);
});

改变

array = lstbox.options;

到这里

array = allOptions;