form

<?php
session_start();
if(!isset($_SESSION['username'])) {
header('location:login.php'); }
else { $username = $_SESSION['username']; }
require_once("../connect.php");

$query = mysql_query("SELECT * FROM user WHERE username = '$username'");
$jumlah = mysql_num_rows($query);
$hasil = mysql_fetch_array($query);
?>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
<div class="row">
<div class="col-sm-6 col-md-6">
							<div class="panel panel-inverse">
								<div class="panel-heading">
									<h4 class="panel-title">Order Cheat Game</h4>
								</div>
								<div class="panel-body">
<div id="loading"></div>
<div id="boxResult"></div>
<div class="form-group">
<label for="selectCategories">Categories</label>
<select class="form-control" name="cat" id="cat" onChange="getService(this.value);">
<option>Select Category</option>
<option value="EJHPB">Point Blank</option>
<option value="EJHBS">Black Squad</option>
</select>
</div>
<div class="form-group">
<label for="selectServices">Services</label>
<select class="form-control" name="hasilnya" id="hasilnya" onchange="getprice(this.value);">
<option>Select Services</option>
</select>
</div>
<div class="form-group">
<label for="inputUsername">Username</label>
<input type="text" class="form-control" name="username" id="username">
</div>
<div class="form-group">
<label for="inputPassword">Password</label>
<input type="password" class="form-control" name="password" id="password">
</div>
<td>Total :</td>
Rp.<span class="form-control" id="result" name="result"> </span>
<br>
<div class="form-group">
<div class="checkbox checkbox-primary">
<input type="checkbox" id="checkbox" required>
<label for="checkbox">Jika kamu mengklik ini, berarti kamu sudah membaca <b>Tata Cara Order</b></label>
</div>
</div>
<button onclick="kirim();" class="btn btn-primary btn-md">Submit</button>
								</div>
							</div>
						</div>

<div class="col-sm-6 col-md-6">
							<div class="panel panel-info">
								<div class="panel-heading">
									<h4 class="panel-title">Pengumuman!</h4>
								</div>
								<div class="panel-body">
<center>Tata Cara Order</center><br>
<li>Jangan menggunakan lebih dari satu layanan sekaligus untuk username/link yang sama. Harap tunggu status <span class="badge badge-success">Success</span></li>
<li>Setelah melakukan order, jika username/link yang diinput diganti atau diubah, kami tidak akan <b>MEREFUND</b>. Pastikan Anda memasukkan data yang benar, karena kami tidak akan lagi membatalkan pesanan.</li>
<li>Segala Kesalahan yang dibuat oleh Member yang bukan tanggung jawab Admin, karena Panel ini di Operasikan secara <b>OTOMATIS</b>, jadi hati-hati dan perhatikan sebelum Order.</li>
<li>Jika status pesanan <span class="badge badge-danger">CANCELLED</span> Mohon hubungin Admin untuk Re-order!</li>
<li>Jika pesanan tidak selesai dalam 1x24 Jam, silakan hubungi Admin!</li>
								</div>
							</div>
						</div>
		</div><!-- .row -->
<script>
var loading = '<div class=\"progress\"><div class=\"progress-bar progress-bar-striped active\" role=\"progressbar\" aria-valuenow=\"100\" aria-valuemin=\"0\" aria-valuemax=\"100\" style=\"width: 100%\"></div></div>';
function start(){
    $('#loading').html(loading);
}
function finish(){
    $('#loading').html("");
}
function kirim()
{
start();
post();
    var cat = $('#cat').val();
    var hasilnya = $('#hasilnya').val();
    var username = $('#username').val();
    var password = $('#password').val();
    $.ajax({
        url : 'content/cheatGame().php',
        data    : 'cat='+cat+'&hasilnya='+hasilnya+'&username='+username+'&password='+password,
        type    : 'POST',
        dataType: 'html',
        success : function(result){
hasil();
finish();
    $("#boxResult").html(result);
    }
    });
}
</script>
<script>
  function getService(val) {
  	$.ajax({
  	type: "POST",
  	url: "content/cheatList.php",
  	data:'cat='+val,
  	success: function(data){
  		$("#hasilnya").html(data);
  	}
  	});
  }
</script>