jquery

$(document).ready(function(){
    $(".status_peminjaman").change(function(){
        var keterangan_val      = $(".keterangan").val();
        var statusPeminjaman    = $(this).val();
        var use                 = $(this).data("use");
        var available           = $(this).data("available");
        var idRuangan           = $(this).data("idruangan");
        var idPeminjamanRuangan = $(this).data("idpeminjamanruangan");

        if(statusPeminjaman == "Cancel"){
            $(".keterangan").fadeIn();
            $(".btn-submit").fadeIn(function(){
                $(this).click(function(){
                    // updateAjaxStatusPemakaianCancel(idRuangan, statusPeminjaman, idPeminjamanRuangan, available, keterangan_val)
                    alert(keterangan_val);
                });
            });
        }else{
            // $(".keterangan").fadeOut();
            updateAjaxStatusPemakaianApprove(idRuangan, statusPeminjaman, idPeminjamanRuangan, use);
        }
    });
});