Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Isi modal pada value tidak mau kembali ke aslinya.
1. Modal di buka datanya muncul 2. Ganti tulisan / hapus di salahsatu value inputanya 3. Close modal tanpa save 4. Buka lagi modal dg data berbeda / data sama. (no 1) 5. Tulisan masih dalam modal sama tidak tampil aslinya malah tampil yang kita ketik tadi ( nomer 2).
untuk menampilkan data kedalam modal saya pakain JS
$('#edit-data').on('show.bs.modal', function (event) {
var div = $(event.relatedTarget) // Tombol dimana modal di tampilkan
var modal = $(this)
// Isi nilai pada field
modal.find('#id').attr("value",div.data('id'));
modal.find('#sn').attr("value",div.data('sn'));
});
div.data nya kirimna dari tombol data list di tabel.
<a
href="javascript:;"
data-id="<?php echo $t->id; ?>"
data-sn="<?php echo $t->sn; ?>"
data-toggle="modal" data-target="#edit-data">
<button id="btn-edit" class="btn btn-default btn-small fa fa-edit "> EDIT</button>
</a>
saya sudah coba mengunakan pengkosongan value sat modal close tapi malah kosong valuenya saat data di buka kembali. web saya mengunakan JS untuk CRUD agar tidak refresh halaman saat CRUD.
1 Jawaban:
Jawaban Terpilih
akhirnya ketemu sendiri.
kosongkan value saat close modal <pre> $("#edit-data").on("hidden.bs.modal", function (e) { $(this) .find("input,textarea") .val('') }); </pre> ubah attr menjadi val // jadi saat modal dibuka lagi valuenya di isi ulang kembali <pre> $('#edit-data').on('show.bs.modal', function (event) { var div = $(event.relatedTarget) // Tombol dimana modal di tampilkan var modal = $(this) // Isi nilai pada field modal.find('#id').val(div.data('id')); modal.find('#sn').val(div.data('sn')); }) </pre>
Tanggapan
terima kasih sudah share
terimakasih
Siap gan sama-sama