Post data dengan modal dan javascript

saya memiliki button approve yang ketika ditekan akan menampilkan modal yang berisikan inputan, lalu nilai inputan di post ke db, tetapi hanya row pertama yang berhasil post data melalui modal untuk row ke dua data tidak di post ke modal, mohon bantuan untuk menangani error ini (Id row yang di ambil selalu id row yang pertama di pilih) berikut adalah kodingan untuk buttonnya

//button approve untuk penomoran
            var urlPengesahan = "<a class='pengesahanSK'  title='Pengesahan Regulasi'><button class='btn btn-success btn-xs' type='Button' data-id=" + aData[7] + " data-numbering='" + aData[8] + "' data-toggle='modal' data-target='#myModalPengesahan' >Approve</button></a>";

dan ini untuk modalnya

<div class="modal fade" id="myModalPengesahan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <form class="modal-content" id="formPengesahanSK"
              action="<?php echo LIB_AJAX; ?>ajax.decree.php?act=PengesahanSK"
              class="form-horizontal" method="POST">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">Pengesahan Regulasi</h4>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label class="col-sm-6 control-label" for="cpb_eng">
                        <span id="lbl_eng">Setting tanggal pengesahan Regulasi</span>
                    </label>
                    <div class="col-sm-4">
                        <input type="text" name="startDate" id="startDate" class="form-control">

                    </div>
                </div><br><br>
                <div class="form-group">
                    <label class="col-sm-6 control-label" for="cpb_eng">
                        <span id="lbl_eng">Setting tanggal kadaluarsa Regulasi</span>
                    </label>
                    <div class="col-sm-4">
                        <input type="text" name="kadaluarsaDate" id="kadaluarsaDate" class="form-control">
                        <input type="hidden" name="decreedataidtglPengesahan" id="decreedataidtglPengesahan">
                    </div>
                </div><br>
            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary">Save changes</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </form>
    </div>
</div>

dan ini untuk javascript yang digunakan

$('#formPengesahanSK').validate({
        rules: {},
        messages: {},
        submitHandler: function (form) {
            $.ajax({
                url: form.action,
                type: form.method,
                dataType: 'json',
                data: $(form).serialize(),
                beforeSend: function () {
                    ShowLoading();
                },
                complete: function () {
                    HideLoading();
                    $('#myModalPengesahan').modal('toggle');
                    oDataTable.fnDraw();
                },
                error: function (jqXHR, textStatus, errorThrown) {
                    // alert('<?php echo @GetLang("System Error"); ?>');
                },
                success: function (response) {

                }
            });
            return;
        }
    });

dan ini untuk mengambil id

$('#myModalPengesahan').on('show.bs.modal', function (e) {
        var decreeDataId = $(e.relatedTarget).data('id');
        $("#decreedataidtglPengesahan").val(decreeDataId);
        $.ajax({
            type: "POST",
            dataType: "json",
            data: {decreeDataId: decreeDataId},
            url: "<?php echo LIB_AJAX; ?>ajax.decree.php?act=getTanggalPengesahanRegulasi",
            success: function (data) {
                x.datepicker('setDate', data.PENGESAHAN);
                y.datepicker('setDate', data.KADALUARSA);
            }
        });
        $(this).off('show.bs.modal');
    });

avatar ashleen
@ashleen

16 Kontribusi 0 Poin

Dipost 4 tahun yang lalu

Tanggapan

Maksudnya ingin input data tanpa reload ?

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban