I use this code to insert the data selection from select tag in html but i doesn't work perfectly when i put a value number in text input i would like someone helps me with that. otherwise, when i click in add_btn without value the insertion of data is added in MySQL databases.
HTML->
<form id="myForm" action="userInfo.php" method="post">
<select name="type" class="add__type" >
<option value="inc" selected>+</option>
<option value="exp">-</option>
</select>
<select name="description" class="add__description" title="h" >
<option value="Food">Food</option>
<option value="Salary">Salary</option>
<option value="Home">Home</option>
<option value="Car">Car</option>
<option value="Education">Education</option>
<option value="Gift">Gift</option>
<option value="Travle"> Travle </option>
<option value="Fun">Fun</option>
</select>
<input name="value" type="number" class="add__value">
<button class="add__btn"><i class="ion-ios-checkmark-outline"></i></button>
</form>
<script src="script/jquery-1.8.1.min.js" type="text/javascript"></script>
<script src="script/my_script.js" type="text/javascript"></script>
PHP-> userinfo.php
<?php
include_once('db.php');
$type = $_POST['type'];
$description = $_POST['description'];
$value = $_POST['value'];
if(mysql_query("INSERT INTO budget VALUES('$type', '$description' , '$value')"))
echo "Successfully Inserted";
else
echo "Insertion Failed";
?>
PHP -> db.php
<?php
$conn = mysql_connect ('localhost', 'root', '');
$db = mysql_select_db ('test');
?>