Daftar dan Belajar Sekarang!

Post data dengan modal dan javascript

foto ashleen
8 Kontribusi 0 Coto
1 minggu yang lalu
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">&times;</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');
    });
  • Maksudnya ingin input data tanpa reload ? - maszgalang


Login untuk diksusi di forum sekolah koding