Блог

Главная - Вопросы по программированию - Фильтр данных без отображения всех элементов по умолчанию

Фильтр данных без отображения всех элементов по умолчанию

#javascript #html #jquery #css

#javascript #HTML #jquery #css

Вопрос:

Я хочу знать, как создать фильтр данных, который не отображает элементы, если вы не выберете одну из категорий, почти все коды через Интернет стали стандартными, поэтому, если у вас есть 100 элементов, которые будут отображаться по умолчанию, я хочу один, не показывая все автоматически, если я не решил показать все это, пожалуйста, если у кого-то естьпожалуйста, отправьте ссылку на учебное пособие или отправьте код, спасибо.

Комментарии:

1. Мы не предоставляем коды здесь. Начните кодирование, и если у вас есть вопросы, задавайте здесь.

2. пожалуйста, проверьте этот код, когда я снова обновлю все элементы:/ codepen.io/bastilimbach/pen/kefBI

Ответ №1:

Следующий код решит проблему, вам просто нужно поставить условие if, чтобы проверить, есть ли значение или нет

 let list = ["India", "Us", "Iran", "Irak", "Israel"];

function filterData(e) {
  let resu<

  if (e.value.length > 0) {
    result = list
      .filter((t) => t.toLowerCase().indexOf(e.value) > -1)
      .sort(
        (a, b) =>
          a.toLowerCase().indexOf(this.filterTermValue) -
          b.toLowerCase().indexOf(this.filterTermValue)
      );
  } else {
    result = [];
  }
  console.log(result);
} 
 <!DOCTYPE html>
<html>
  <head></head>
  <body>
    <input type="text" onkeydown="filterData(this)" />
  </body>
</html>

Ответ №2:

Угловой ForOf в сочетании с функцией Array.prototype.filter() должен сделать свое дело. Вместо того, чтобы просто давать вам базовый код, попробуйте закодировать его самостоятельно, чтобы лучше понять, как это работает.