Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Mengambil data id ketika button di click ( javascript )
Ketika button di clik saya ingin mengambil data id ke console
berikut kode di scriptnya
$(function() {
$('.tampilModalUbah').on('click', function() {
const id = $(this).data('id');
console.log(id);
});
});
ini kode di indexnya
<a href=" <?= BASEURL; ?>/mahasiswa/ubah/<?= $mhs['id']; ?>" class="badge badge-success float-right ml-1 tampilModalUbah" data-toggle="modal" data-target="#formModal" data-id="<?= $mhs['id']; ?>">ubah</a>
saya sudah melakukan itu, tapi di console pas aku klik ubah disalah satu data mhs 'id' nya tidak terpanggil:( terimakasih sebelumnya
Tanggapan
Menurut saya, itu salahnya bukan di javascriptnya, karena data-id sendiri didapatkan dari php, jdi itu tinggal oper dri php ke jsnya, benar bkan ?, Untuk salah satu data mhs yg idnya tidak terpanggil, apkah data-idnya muncul ? Ceknya lewat inspect element
apakah kamu sudah inspect element? id nya sudah ada disana? coba sebelum fungsi click jalankan console.log dan lihat apakah consolenya berjalan atau tidak. Kalau tidak berarti masalahnya bukan pada onclicknya
1 Jawaban:
Jawaban Terpilih
@Alfianifk12,
Sebenernya codingannya udah bener sih, mungkin coba debug pake alert muncul ga tuh alertnya.
1 tips, buat bind event sebenernya ga usah taro dalem $(function) juga bisa kok, si js udh tau kalo $('element') itu pasti nunggu jquerynya ready.
kalo masih ga nongol juga, coba tarik idnya pake attr:
<pre> $('.tampilModalUbah').on('click', function (e) { // cegah redirect, soalnya itu element 'a', kalo ada href malah redirect lagi e.preventDefault();
let $this = $(this); let id = $this.attr('data-id'); // pake ini coba, kali aja bisa
console.log(id); }); </pre> Semoga membantu.
Rergards.
