Jeanna Wheeler

Greenhorn

+ Follow

news 1 Posts 0 Threads

since May 12, 2011

Merit badge: grant badges

For More

Cows and Likes

Cows

Total received

In last 30 days

Forums and Threads

Recent posts by Jeanna Wheeler

Submit dynamically created form with jQuery

I was hoping you might be able to help me out. I am pretty new to coding, but I am using a php/ajax script to dynamically load my drop down menus from a mySQL db.
Here is the code I'm using.

<?php
//***************************************
// This is downloaded from www.plus2net.com //
/// You can distribute this code with the link to www.plus2net.com ///
// Please don't remove the link to www.plus2net.com ///
// This is for your learning only not for commercial use. ///////
//The author is not responsible for any type of loss or problem or damage on using this script.//
/// You can use it at your own risk. /////
//*****************************************
require "config.php"; // Your Database details
?>
<!doctype html public "-//w3c//dtd html 3.2//en">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Textbooks</title>
<meta name="GENERATOR" content="Arachnophilia 4.0" />
<meta name="FORMATTER" content="Arachnophilia 4.0" />
<SCRIPT language=JavaScript>
function reload(form)
{
var val=form.TERM.options[form.TERM.options.selectedIndex].value;
self.location='dd3.php?TERM=' + val ;
}
function reload3(form)
{
var val=form.TERM.options[form.TERM.options.selectedIndex].value;
var val2=form.CURR.options[form.CURR.options.selectedIndex].value;
self.location='dd3.php?TERM=' + val + '&CURR=' + val2 ;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<script type="text/javascript"> var GB_ROOT_DIR = "greybox/";</script>
<script type="text/javascript" src="AJS.js"></script>
<script type="text/javascript" src="AJS_fx.js"></script>
<script type="text/javascript" src="gb_scripts.js"></script>
<script type="text/javascript" src="js.jquery.form.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />
</head>
<body id="page2" onload="new ElementMaxHeight();">
<h4>Textbook Information</h4><br />
<?
$cat=$_POST['TERM'];
$subcat=$_POST['CURR'];
$subcat3=$_POST['COURSE'];
///////// Getting the data from Mysql table for first list box//////////
$quer2=mysql_query("SELECT DISTINCT TERM FROM SUMMER order by TERM");
///////////// End of query for first list box////////////
/////// for second drop down list we will check if category is selected else we will display all the subcategory/////
@$cat=$_GET['TERM']; // This line is added to take care if your global variable is off
if(isset($cat) and strlen($cat) > 0){
$quer=mysql_query("SELECT DISTINCT CURR FROM SUMMER where TERM = '$cat' order by CURR");
}else{$quer=mysql_query("SELECT DISTINCT CURR FROM SUMMER order by CURR"); }
////////// end of query for second subcategory drop down list box ///////////////////////////
/////// for Third drop down list we will check if sub category is selected else we will display all the subcategory3/////
@$cat3=$_GET['CURR']; // This line is added to take care if your global variable is off
if(isset($cat3) and strlen($cat3) > 0){
$quer3=mysql_query("SELECT DISTINCT COURSE FROM SUMMER where TERM = '$cat' AND CURR = '$cat3' order by COURSE");
}else{$quer3=mysql_query("SELECT DISTINCT COURSE FROM SUMMER order by COURSE"); }
////////// end of query for third subcategory drop down list box ///////////////////////////
echo "<form method=post name=Textbooks action='dd3ck.php'>";
////////// Starting of first drop downlist /////////
echo "<select name='TERM' onchange=\"reload(this.form)\"><option value=''>Select Term</option>";
while($row = mysql_fetch_array($quer2)) {
if($row['TERM']==$cat){echo "<option selected value='$row[TERM]'>$row[TERM]</option>"."<BR>";}
else{echo "<option value='$row[TERM]'>$row[TERM]</option>";}
}
echo "</select>";
////////////////// This will end the first drop down list ///////////
echo "<br />";
////////// Starting of second drop downlist /////////
echo "<select name='CURR' onchange=\"reload3(this.form)\"><option value=''>Select Curriculum</option>";
while($row = mysql_fetch_array($quer)) {
if($row['CURR']==$cat3){echo "<option selected value='$row[CURR]'>$row[CURR]</option>"."<BR>";}
else{echo "<option value='$row[CURR]'>$row[CURR]</option>";}
}
echo "</select>";
////////////////// This will end the second drop down list ///////////
echo "<br />";
////////// Starting of third drop downlist /////////
echo "<select name='COURSE'><option value=''>Select Course</option>";
while($row = mysql_fetch_array($quer3)) {
echo "<option value='$row[COURSE]'>$row[COURSE]</option>";
}
echo "</select>";
////////////////// This will end the third drop down list ///////////
echo "<br /><input type=submit value='View Books'></form>";
?>
<div class="col-2 maxheight" style="margin-left: 0">
<h2><b><b>textbook information</b></b></h2>
<div id="Results"><font color="white">*****Books will be listed here after selection is made*****</font></div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

Is it possible to use something similar to what you've got to submit my results into my Results div instead of a separate page?

Thanks!

13 years ago

HTML Pages with CSS and JavaScript