I try to pass a JavaScript variable to php via Ajax so then I can make sql query. I call function votepick(id ) onchange event. However not working and get error Uncaught ReferenceError: $ is not defined.
html code:
</tr><select onchange="votepick('1')" name="vote1" id="1">
<option selected disabled>Vote here</option>
<option value="0">00 vote</option>
<option value="1">01 vote</option>
<option value="2">02 vote</option>
<option value="3">03 vote</option>
<option value="4">04 vote </option>
<option value="5">05 vote </option>
<option value="6">06 vote</option>
<option value="7">07 vote</option>
<option value="8">08 vote </option>
<option value="9">09 vote</option>
<option value="10">10 vote</option>
</select>
</td>
<td><?php include 'phpexample.php';?></td>
javaScript file:
function votepick(id){
var x = document.getElementById(id).value;
//alert(x);
$.ajax({
type: "POST",
url: 'phpexample.php',
data: {voteid: x },
success: function(data)
{
alert("success! X:" + data);
}
});
}
php file:
<?php
if (isset($_GET['voteid'])) {
$x = $_GET['voteid'];
echo $x;
echo "ok";
}else{
echo 'no variable received';
}
?>
var x = document.getElementById(id).value
(before the AJAX call) does X have the expected value?