Question

我正在使用此脚本过滤表格：

对于我的生活，我无法弄清楚如何让这个脚本只在输入一定数量的字符时显示搜索结果。现在，它将搜索是否有任何输入被放入过滤器框中，并且我试图仅在输入至少三个字符时才显示结果。

var limits = {
minChars: 3
}

我知道我应该为此使用jQuery，但这是我现在所致的。

Answer 1

以下是使用代码的简单示例。我们基本上“忽略”该值，直到它达到存储它的特定数量的字符并使用该变量...

(function(document) {
  'use strict';

  var LightTableFilter = (function(Arr) {

    var _input;
    var _value;

    function _onInputEvent(e) {
      _input = e.target;
      _value = _input.value;
      if (_input.value.length < 3) {
        _value = '';
      }
      ...
    }

    function _filter(row) {
      var text = row.textContent.toLowerCase(),
        val = _value.toLowerCase();
      row.style.display = text.indexOf(val) === -1 ? 'none' : 'table-row';
    }

    ...

})(document);

Answer 2

工作代码。如果您需要任何澄清，请与我们联系。

NonEmptyList

List

轻量级Javascript表过滤器，以最少的字符输入显示结果？

2 个答案: