mau nanya nih om gimana ya misal saya ada 2 modal / 1 modal dimana jika seseorang memilih input select method pembayaran bank maka modal nanti nampilin modal satu ... dan jika seseorang memilih method pembayaran mengunakan e-money maka akan muncul modal yang nomer 2...
0 jempol
bramanto
300
1157
·
8 tahun yang lalu
·
1 jempol
Halo coder @kelvin404.. wah menarik sekali ini ^_^. Untuk kasus ini coder dapat menggunakan jquery / javascript. <!-- HTML --> <select name="bayar" id="bayar"> <option value="">- Pilih Metode -</option> <option value="1">Bank</option> <option value="2">E-Money</option> </select> <!-- Modal Untuk Bank --> <div id="modal-bank" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>Some text in the modal.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- Modal Untuk E-Money --> <div id="modal-money" class="modal fade" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>Some text in the modal.</p> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> <!-- JQuery --> $('#bayar').change(function(event){ var pilih = $(this).val(); if(pillih == 1){ $('#modal-bank').modal('show'); } else if(pilih == 2) { $('#modal-money').modal('show'); } }); Jika coder ingin menggunakan satu elemen modal pada tag html, coder dapat menggunakan alternatif dengan AJAX.