Untitled
unknown
plain_text
2 years ago
3.4 kB
5
Indexable
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet"> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script> <style> .bg{ background-color: #ccff99; border-radius: 9px; padding: 11px; } </style> </head> <body> <div class="container mt-3"> <div class="row"> <div class="col-5 bg"> <h2>Registrasi</h2> <form action="/action_page.php"> <div class="mb-3 mt-3"> <label>Nama Lengkap</label> <input type="text" class="form-control" placeholder="Nama Lengkap" name="nama"> </div> <div class="mb-3 mt-3"> <label>Nomor Telepon</label> <input type="text" class="form-control" placeholder="Nomor Telepon" name="telepon"> </div> <div class="mb-3 mt-3"> <label>Alamat</label> <input type="text" class="form-control" placeholder="Alamat" name="alamat"> </div><div class="mb-3 mt-3"> <label>Provinsi</label> <select name="provinsi" id="provinsi" class="form-control" onchange="prov()"> <option value="">Pilih Provinsi</option> <?php $connect = mysqli_connect("localhost","root","","wilayah"); $query = mysqli_query($connect, "SELECT * FROM provinces ORDER BY prov_name ASC"); while($data = mysqli_fetch_array($query)){ ?> <option value="<?= $data['prov_id'] ?>"><?= $data['prov_name'] ?></option> <?php } ?> </select> </div> <div class="mb-3 mt-3"> <div id="kota"></div> </div> <div class="mb-3 mt-3"> <label for="email">Email:</label> <input type="email" class="form-control" id="email" placeholder="Enter email" name="email"> </div> <div class="mb-3"> <label for="pwd">Password:</label> <input type="password" class="form-control" id="pwd" placeholder="Enter password" name="pswd"> </div> <div class="form-check mb-3"> <label class="form-check-label"> <input class="form-check-input" type="checkbox" name="remember"> Remember me </label> </div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> </div> </div> <script> function prov(){ let id = $('#provinsi').val(); let url = 'kota.php'; $.post(url, { id: id }, fucntion(data) { $('#kota').html(data); }); } </script> </body> </html>
Editor is loading...