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.

avatar Adinur
@Adinur

63 Kontribusi 8 Poin

Dipost 5 tahun yang lalu

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>

avatar Adinur
@Adinur

63 Kontribusi 8 Poin

Dipost 5 tahun yang lalu

Tanggapan

terima kasih sudah share

Siap gan sama-sama

Login untuk ikut Jawaban