Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Filter Array Atau List Data Berdasarkan User Input
Salam koding!
Mau nanya sama mastah2 di sini. Ada yang tau filter array di angular ga? Ini contohnya http://www.w3schools.com/angular/angular_filters.asp
Nah saya pengen coba make javascript atau jquery. Cuman ga mudeng2 :D Mungkin mastah2 di sini ada referensi?
Makasih sebelumnya
2 Jawaban:
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
