menghubungkan variabel / element dari bootstrap ke php

Oleh kelvin404 20 0 pada Sabtu, 15 Okt. 2016, 14:56:12


Kembali ke forum umum


Petunjuk Diskusi
Silahkan masuk untuk berdiskusi



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">&times;</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">&times;</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.