document.write('
Data hosted with ♥ by Pastebin.com - Download Raw - See Original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Form Kuliah Offline</title>
  8.     <script src="script.js"></script>
  9.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  10.     <link rel="stylesheet" href="style.css"/>
  11.     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-uWxY/CJNBR+1zjPWmfnSnVxwRheevXITnMqoEIeG1LJrdI0GlVs/9cVSyPYXdcSF" crossorigin="anonymous">
  12. </head>
  13. <body>
  14.     <div class="form-container">
  15.         <div class="formulir">
  16.             <h1>Formulir Persetujuan Kuliah Offline</h1>
  17.             <form autocomplete="off" name="ptm" onsubmit="return validateForm();">
  18.                 <div class="form-content">
  19.                     <label>Nama Lengkap</label>
  20.                     <input type="text" name="nama" placeholder="Nama" class="form-control" maxlength="50">
  21.                 </div>
  22.                 <div class="form-content">
  23.                     <label>NRP</label>
  24.                     <input type="text" name="nrp" placeholder="NRP" class="form-control" maxlength="14" minlength="14">
  25.                 </div>
  26.                 <div class="form-content">
  27.                     <label>Alamat</label>
  28.                     <input type="text" name="alamat" placeholder="Alamat" class="form-control">
  29.                 </div>
  30.                 <div class="form-content">
  31.                     <label>Email</label>
  32.                     <input type="text" name="email" placeholder="Email" class="form-control">
  33.                 </div>
  34.                 <div class="form-content">
  35.                     <label>Fakultas</label>
  36.                     <select name="fakultas" id="fakultas" class="form-control" required>
  37.                             <option value="0">Fakultas</option>
  38.                             <option value="creabiz">CREABIZ</option>
  39.                             <option value="indsys">INDSYS</option>
  40.                             <option value="electics">ELECTICS</option>
  41.                             <option value="civplan">CIVPLAN</option>
  42.                             <option value="martech">MARTECH</option>
  43.                             <option value="scientics">SCIENTICS</option>
  44.                     </select>
  45.                     <label>Jurusan</label>
  46.                     <select name="jurusan" id="jurusan" class="form-control" required>
  47.                             <option value="">Jurusan</option>
  48.                     </select>
  49.                 </div>
  50.                 <div class="form-content">
  51.                     <label>Status Vaksin :</label>
  52.                     <br>
  53.                     <input type="radio" name="status_vaksin" value="Belum" required> Belum Vaksin<br>
  54.                     <input type="radio" name="status_vaksin" value="Sudah1"> Dosis-1<br>
  55.                     <input type="radio" name="status_vaksin" value="Sudah2"> Dosis-2<br>
  56.                 </div>
  57.                 <div class="form-content">
  58.                     <label>Status Penyintas :</label>
  59.                     <br>
  60.                     <input type="radio" name="status_penyintas" value="Iya" required> Penyintas<br>
  61.                     <input type="radio" name="status_penyintas" value="Tidak"> Bukan Penyintas<br>
  62.                     <br>
  63.                 </div>
  64.                 <button type="submit" class="btn">Submit</button>
  65.             </form>
  66.         </div>
  67.     </div>
  68. </body>
  69.  
  70. <script>
  71.     $(document).ready(function() {
  72.  
  73.         $("#fakultas").change(function() {
  74.             var val = $(this).val();
  75.             if (val == "creabiz") {
  76.                 $("#jurusan").html(
  77.                     "<option value=\'MB\'>Manajemen Bisnis</option><option value=\'DESPRO\'>Desain Produk Industri</option><option value=\'MT\'>Manajemen Teknologi</option><option value=\'DESINT\'>Desain Interior</option><option value=\'DEVSTUD\'>Studi Pembangunan</option><option value=\'DKV\'>DKV</option>");
  78.             } else if (val == "indsys") {
  79.                 $("#jurusan").html(
  80.                     "<option value=\'TI\'>Teknik Industri</option><option value=\'TM\'>Teknik Mesin</option><option value=\'TK\'>Teknik Kimia</option><option value=\'TF\'>Teknik Fisika</option><option value=\'Mamet\'>Teknik Material dan Metalurgi</option>");
  81.             } else if (val == "electics") {
  82.                 $("#jurusan").html(
  83.                     "<option value=\'TC\'>Teknik Informatika</option><option value=\'SI\'>Sistem Informasi</option><option value=\'TInformasi\'>Teknologi Informasi</option><option value=\'TE\'>Teknik Elektro</option><option value=\'TB\'>Teknik Biomedik</option><option value=\'Tekkom\'>Teknik Komputer</option>");
  84.             } else if (val == "civplan") {
  85.                 $("#jurusan").html(
  86.                     "<option value=\'PWK\'>Perancangan Wilayah Kota</option><option value=\'Arsi\'>Arsitektur</option><option value=\'Teksip\'>Teknik Sipil</option><option value=\'Tekling\'>Teknik Lingkunga</option><option value=\'Geomat\'>Teknik Geomatika</option><option value=\'Geofis\'>Teknik Geofisika</option>");
  87.             } else if (val == "martech") {
  88.                 $("#jurusan").html(
  89.                     "<option value=\'Tekpal\'>Teknik Perkapalan</option><option value=\'Tekla\'>Teknik Kelautan</option><option value=\'Transla\'>Teknik Transportasi Laut</option>");
  90.             } else if (val == "scientics") {
  91.                 $("#jurusan").html(
  92.                     "<option value=\'Biologi\'>Biologi</option><option value=\'Aktuaria\'>Aktuaria</option><option value=\'Mat\'>Matematika</option><option value=\'Statistik\'>Statistika</option><option value=\'Kimia\'>Kimia</option><option value=\'Fisika\'>Fisika</option>");
  93.             }
  94.         });
  95.     });
  96. </script>
  97.  
  98. </html>
');