hi i want to make a page for the user to take the orders from the user. i want that user select one product from the drop down list then select its size and then color. then submit it. this data about first product appears in the table then he enters the description about 2nd product and so on. and in the end when all required products appears in the table he press submit order which goes into order (table name) of database.
i have just the confusion that how can i make it possible that when each product is entered it appears in table as soon as i press submit buuton. i am using php and mysql.
html code for this is like:
<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Home Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_travel2.css" type="text/css" />
<script language="JavaScript" type="text/javascript">
<!--
//--------------- LOCALIZEABLE GLOBALS ---------------
var d=new Date();
var monthname=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
//Ensure correct for language. English is "January 1, 2004"
var TODAY = monthname[d.getMonth()] + " " + d.getDate() + ", " + d.getFullYear();
//--------------- END LOCALIZEABLE ---------------
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body bgcolor="#C0DFFD">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr bgcolor="#3366CC">
<td colspan="3" rowspan="2"><img src="mm_travel_photo.jpg" alt="Header image" width="382" height="127" border="0" /></td>
<td height="63" colspan="3" id="logo" valign="bottom" align="center" nowrap="nowrap">insert website name</td>
<td width="4"> </td>
</tr>
<tr bgcolor="#3366CC">
<td height="64" colspan="3" id="tagline" valign="top" align="center">OPTIONAL TAGLINE HERE</td>
<td width="4"> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr bgcolor="#CCFF99">
<td colspan="7" id="dateformat" height="25"> <script language="JavaScript" type="text/javascript">
document.write(TODAY); </script> </td>
</tr>
<tr>
<td colspan="7" bgcolor="#003366"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
</tr>
<tr>
<td width="165" valign="top" bgcolor="#E6F3FF">
<table border="0" cellspacing="0" cellpadding="0" width="165" id="navigation">
<tr>
<td width="165"> <br />
<br /></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">destinations</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">airfare</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">cruises</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">specials</a></td>
</tr>
<tr>
<td width="165"><a href="javascript:;" class="navText">contact</a></td>
</tr>
</table>
<br />
<br />
<br />
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="305" height="1" border="0" /><br />
<br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="685">
<tr>
<td width="685" class="pageName"><div align="center">NEW ORDER </div></td>
</tr>
<tr>
<td class="bodyText"><p>To place a new order</p>
<p> </p>
<form name="form1" id="form1">
<p>Select a product you want to choose:
<select name="menu1" onchange="MM_jumpMenu('parent',this,0)">
<option>PRAS1</option>
<option>PRAS2</option>
<option>PRAS3</option>
<option>PRAS4</option>
</select>
</p>
<p>Select the color:
<select name="menu2" onchange="MM_jumpMenu('parent',this,0)">
<option>Green</option>
<option>Blue</option>
<option>Red</option>
</select>
</p>
<p>Select the size:
<select name="menu3" onchange="MM_jumpMenu('parent',this,0)">
<option>Large</option>
<option>Medium</option>
<option>Small</option>
</select>
</p>
<p>Enter the amount of brushes you want:
<label>
<input type="text" name="textfield" />
</label>
</p>
<p>
<label>
<input type="submit" name="Submit" value="Next product" />
</label>
</p>
<p>The products of this order are:</p>
<p> </p>
<p>
<label>
<input type="submit" name="Submit2" value="Complete order" />
</label>
</p>
<p> </p>
</form>
<p> </p>
<p> </p></td>
</tr>
</table>
<br /> </td>
<td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
<td width="190" valign="top"><br />
<br />
<table border="0" cellspacing="0" cellpadding="0" width="190">
<tr>
<td colspan="3" class="subHeader" align="center">NEW DESTINATIONS</td>
</tr>
<tr>
<td width="40"><img src="mm_spacer.gif" alt="" width="40" height="1" border="0" /></td>
<td width="110" id="sidebar" class="smallText"><br />
<p><img src="mm_travel_photo1.jpg" alt="Image 1" width="110" height="110" vspace="6" border="0" /><br />
Include a short description here.<br />
<a href="javascript:;">Read more ></a></p>
<p><img src="mm_travel_photo2.jpg" alt="Image 2" width="110" height="110" vspace="6" border="0" /><br />
Include a short description here.<br />
<a href="javascript:;">Read more ></a></p>
<br />
<br />
<br /> </td>
<td width="40"> </td>
</tr>
</table> </td>
<td width="4"> </td>
</tr>
<tr>
<td width="165"> </td>
<td width="50"> </td>
<td width="167"> </td>
<td width="486"> </td>
<td width="50"> </td>
<td width="190"> </td>
<td width="4"> </td>
</tr>
</table>
</body>
</html>