Cara menggunakan pencarian data dengan javascript
Show
jQuery adalah perpustakaan JavaScript. Dalam dunia pemrograman, library merupakan kumpulan dari berbagai fungsi 'siap pakai' untuk memudahkan pembuatan suatu aplikasi. Jadi, jQuery adalah sekumpulan fungsi JavaScript yang membuat penulisan kode JavaScript lebih mudah jQuery pertama kali dikembangkan oleh John Resig pada tahun 2006. Sejak saat itu, jQuery telah berkembang menjadi proyek sumber terbuka dan menjadi pustaka JavaScript paling populer di dunia. Untuk menggunakan Jquery, silahkan download di jquery. com
Pertama buat folder dengan filter nama. Kemudian unduh file jquery di jquery. com. Kemudian simpan file jquery ke dalam folder filter. Kemudian buat file dengan nama filter_jquery. html. Kemudian masukkan script di bawah ini ke dalam file filter_jquery. html
<. DOCTYPE html> $(dokumen). siap(fungsi(){ $(“#masukansaya”). pada("keyup", function() { nilai var = $(ini). val(). ke Huruf Kecil(); $(“#myTable tr”). filter(fungsi() { $(ini). beralih($(ini). teks(). ke Huruf Kecil(). indexOf(nilai) > -1) }); }); }); meja { font-family. arial, sans-serif; perbatasan-runtuh. runtuh; lebar. 100%; }
td, th { berbatasan. 1px padat #dddddd; perataan teks. kiri; lapisan. 8px; }
tr. n-anak(genap) { warna latar belakang. #dddddd; }
Tabel PenelusuranKetik nama atau email untuk menemukan data di tabel
Nama Depan | Nama Belakang | Email | Muhammad | Bashir | bashir@contoh. com | Dodi | Novarian | dodi@mail. com | Dani | Eka | dani@greatstuff. com | Kiki | Nur | nur@test. com | |
Catatan. Id pencarian dimulai pada tag tbody, sehingga pencarian tidak mengarah ke theaders