Postingan lainnya
Modal Ajax nya tidak muncul
Bagaimana solusinya ? saya sebenarnya masih newbie sekali, sebelumnya bisa edit, cuma ndak pake modal. pas tau kalo modal edit itu script ajaxnya. disini saya merasa kebingungan.
baru saya diajari teman saya, modalnya dih dibilang bisa, tapi cuma fadenya aja (kalu saya anggap), tapi modalnya tidak muncul.
ini yang buat pilih editnya
<a href='#' class='open_modal' data-toggle='modal' data-target='#edit' id=".$r['id_ortu'].">
<span class='glyphicon glyphicon-edit'></span></a>
skrip ajaxnya
<div id="edit" class="modal fade"></div>
<script type="text/javascript">
//$(document).ready(function(){
//$('#edit').modal('show');
//}
$(document).ready(function () {
$(".open_modal").click(function(e) {
var m = $(this).attr("id");
$.ajax({
url: "page/ortu/ortu_modal.php",
type: "GET",
data : {id_ortu: m,},
success: function (ajaxData){
$("#edit").html(ajaxData);
$("#edit").modal('show',{backdrop: 'true'});
}
});
});
});
</script>
ini di file modal phpnya
<?php
include "../../../koneksi/koneksi.php";
$modal_id=$_GET['id_ortu'];
$modal=mysqli_query($konek,"SELECT * FROM orang_tua WHERE id_ortu='$modal_id'");
$r=mysqli_fetch_array($modal);
?>
<div class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Edit Input</h4>
</div>
<div class="modal-body">
<form method="POST" action="page/ortu_edit.php">
<div class="form-group">
<label class="col-md-8">Nama:</label>
<input type="text" class="form-control" value=<?php echo $r['id_ortu']?> disabled>
<input type="hidden" class="form-control" name="id" value=<?php echo $r['id_ortu']?>>
</div>
<div class="form-group">
<label class="col-md-8">Nama:</label>
<select name="nm" class="col-md-4">
<option value="Olga Nento">Ibu</option>
<option value="Bambang Agus">Bapak</option>
</select>
</div>
<div class="form-group">
<label class="col-md-8">No Telp:</label>
<select name="no" class="col-md-4">
<option value="082155525466">Ibu</option>
<option value="082227850650">Bapak</option>
</select>
</div>
<div class="form-group">
<label class="col-md-8">Jenis Orang Tua</label>
<select name="jenis" class="col-md-4">
<option value="Ibu">Ibu</option>
<option value="Bapak">Bapak</option>
</select>
</div>
<div class="form-group">
<label class="col-md-8">Pamit Atas</label>
<select name="pamit" class="col-md-4">
<option value="Keluar Kota">Keluar Kota</option>
<option value="Kerumah Teman">Kerumah Teman</option>
<option value="Keluar Sebentar">Keluar Sebentar</option>
</select>
</div>
<div class="form-group">
<div class="col-md-8">
<button type="submit" class="btn btn-default">Input</button>
</div>
</div>
</form>
</div>
<div class="modal-footer">
</div>
</div>
</div>
</div>
</html>
ini directorynya
<!-- sorry izin asal tag-->
0
1 Jawaban:
Coba yang ini diganti gan... $(".open_modal").click(function(e) {
$(document).on('click','.open_modal',function() {
0