Подскажите ,как мне при отправке формы понять какой пункт из <select> пользователь выбрал?
В зависимости от того какой пункт пользователь выбрал я буду производить те или иные арифметические действия.
Например: если выбрано 25 тогда я проверяю с генерированное число и если оно меньше тогда значение из поля name="bits" я умножаю на 3, прибовляю к балансу пользователя и отнимаю из общего баланса(Game Balance
А уже после буду пробовать изменять значения в базе данных MYSQL , но это потом ,сначала разобраться бы с формой:
Я решил отбросить базу данных в сторону и сосредоточится только только на одной странице
http://payforyou.top/limit.php все данные должны меняться онлайн на этой странице, а если пользователь уйдёт с неё тогда все данные вернутся в исходные значения, т.е. Game Balance и Your Balance, не могу понять как определить какой пункт в форме из <select> пользователь выбрал! <<< - вот это нужно и всё пока!
<?php require_once "session.php";?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="https://js.cx/libs/animate.js"></script>
<style>
#brick {
width: 10px;
height: 20px;
background: #EE6B47;
position: relative;
cursor: pointer;
}
#gammes {
text-align: left;
}
#path {
outline: 1px solid #E8C48E;
width: 100%;
height: 20px;
}
</style>
</head>
<body>
<table width="800" border="0" bordercolor="#FFFFFF" cellpadding="0" cellspacing="0" align="center" class="shadow">
<tbody>
<tr>
<td align="center">
<span class="startText">Game Balance: </span>
<span id="gamebal" class="important2">3819430</span>
<span id="gamesbits" class="important2">Bits</span>
<br>
<span class="startText">Your Balance: </span>
<span id="userbal" class="important2"><?php echo $balance;?></span>
<span id="gamesbits" class="important2">Bits</span>
<br><br>
</td>
</tr>
<tr>
<td align="center"><span class="important2"><h1 id="result">?</h1></span></td>
</tr>
<tr>
<td align="center">
<div id="gammes">
<div id="path">
<div id="brick"></div>
<form method="post" id="ajax_form" action="">
</div>
<script>
window.onload = function(){
document.getElementById('button').onclick = function() {
var balanc = '<?php echo $balance;?>';
var gamebalanc = "3819430";
var stavka25 = document.getElementById("stavka25").value;
var stavka50 = document.getElementById("stavka50").value;
var stavka51 = document.getElementById("stavka51").value;
var stavka75 = document.getElementById("stavka75").value;
var bits = document.getElementById("bits").value;
if (balanc > bits) {
var newbalance = balanc - bits;
var newgamebalanc = gamebalanc - bits;
}
<?php $_SESSION['balance'] = $balance;?>
document.getElementById('gamebal').innerHTML=newgamebalanc;
document.getElementById('userbal').innerHTML=newbalance;
function randomInteger(min, max) {
var rand = min + Math.random() * (max - min);
rand = Math.round(rand);
return rand;
}
var sum = ( randomInteger(0, 100) )
document.getElementById('result').innerHTML=sum;
animate({
duration: 1000,
timing: function(timeFraction) {
return Math.pow(timeFraction, 2);
},
draw: function(progress) {
brick.style.left = progress * sum + '%';
}
});
};
}
</script>
</div><br /><br />
<div class="footer text-center col-xs-12">
<input id="bits" name="bits" type="text" class="button-x" value="1" size="5px"><br /><br />
<table align="center">
<tr>
<td>
<select>
<option id="stavka25" type="text" name="st" value="25">Less than 25 Profit 3x</option>
<option id="stavka50" type="text" name="st" value="50">Less than 50 Profit 2x</option>
<option id="stavka51" type="text" name="st" value="51">More than 50 Profit 2x</option>
<option id="stavka75" type="text" name="st" value="75">More than 75 Profit 3x</option>
</select>
</td>
</tr>
</table>
<br />
<input id="button" name="go" type="button" class="button-x"value="Start" >
</form>
</div>
</div>
</td>
</tr>
</tbody></table>
</body></html>