Hi Guys,
I have created a very simple form with a text box and radio buttons. I am using javascript to echo my php in a div but it won’t allow me to see which radio button was selected! Nightmare…
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<body>
<form id="testForm" method="post" >
<input type="text" name="info" >info<br>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
<input type="submit" value="Submit">
</form>
<div id="response">
dafadf
<div class="clearer"></div><!--clearer-->
</div><!--response-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="js/testForm.js"></script>
</body>
</html>
testForm.js file
$(document).ready(function()
{
$("#testForm").submit(function()
{
var sex_Js = $("#sex").val();
var info_Js = $("#info").val();
$("#response").load("../testPhp.php",{
sex:sex_Js,
info:info_Js
});
return false;
});
});
<?php
$nameField_PHP = $_POST['sex'];
$info_PHP = $_POST['info'];
echo $info_PHP;
echo "<br />" . $nameField_PHP;
?>
Why isn’t the javascript sending the radio buttons value through to the PHP?
Many thanks.