Postingan lainnya

Bagaimana Cara Membuat Modal di Dalam Form Control

Permisi teman - teman di sekolah koding,

bagaimana yaah caranya ketika saya memilih suatu pilihan di dalam form control maka akan langsung muncul pop up modal yang berisi form yang bisa di input, saya sudah mencoba untuk memasukan kodingan formnya tetapi kenapa tidak mau muncul yaah? Terimakasih

 <div class='form-group'>
            <label class='control-label col-md-2 col-md-offset-2' for='sifat'>Undangan Melalui</label>
            <div class='col-md-8'>
              <div class='col-md-3'>
                <div class='form-group internal'>
                  <select class='form-control' id='undangan' name='undangan' onChange="memos()">
                    <option></option>
                    <option>Memo</option>
                    <option>Rapat</option>
                    <option>Telpon</option>
                    <option>E-mail</option>
                  </select>
                </div>
              </div>
            <div class='col-md-3 indent-small'>
                <div class='form-group internal'>
                  <p id="memo"></p>
				  <script language="javascript">
				   function memos()
				   {
					if (document.forms["suspectForm"]["undangan"].value == "Memo")
					{
					    document.getElementById("memo").innerHTML = "<div id="memoModal" class="modal fade"></div>";
					}

javascript php

@Krisna333

3 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

1 Jawaban:

Pake jQuery aja gan, lebih mudah...

tambahin

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

trus untuk eventnya

$(document).ready(function(){
   $("#undangan").on("change", function(){

       //Inisialisasi variable
       var optionVal = $("#undangan > option:selected").val();

       //Validasi
       if(optionVal == '' || empty(optionVal)){
          alert('Ngga boleh kosong!');
       } else {
          // Tampilkan modal
          $("#modal").modal('show');
       }
   });
});

@ahanafi

815 Kontribusi 552 Poin

Dipost 6 tahun yang lalu