javascript - 第一次执行代码时将永久值存储在变量中，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;