Filter Array Atau List Data Berdasarkan User Input

Kalau jquery pake fungsi keyup. Jadi setiap ada perubahan di kolom input, terus ngedeteksi apakah value inputannya itu sesuai dengan data di list.

input tag :

<input type="text" id="input_text" value="">

List data yang akan difilter. Bisa nanti lebih dari satu. Ane tulis satu list aja :

<li id="id_list"></li>

Script :

<script type="text/javascript">
      $("#input_text").keyup(function () {
        var rows = $("li#id_list").hide();
        if (this.value.length) {
              var data = this.value.split(" ");
              $.each(data, function (i, v) {
                  v = v.toLowerCase();
                  rows.filter(function () {
                       var txt = $(this).text().toLowerCase();
                       return txt.indexOf(v) > -1;
                  }).show();
              });
          } else rows.show();
      });
</script>

https://www.welookups.com/angular/angular_filters.html