html and php

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">&nbsp;</td>
  </tr>

  <tr bgcolor="#3366CC">
    <td height="64" colspan="3" id="tagline" valign="top" align="center">OPTIONAL TAGLINE HERE</td>
	<td width="4">&nbsp;</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">&nbsp;&nbsp;<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">&nbsp;<br />
		 &nbsp;<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 />
  	&nbsp;<br />
  	&nbsp;<br />
  	&nbsp;<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 />
	&nbsp;<br />
	&nbsp;<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>&nbsp;</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>&nbsp;</p>
              <p>
                <label>
                <input type="submit" name="Submit2" value="Complete order" />
                </label>
</p>
              <p>&nbsp;  </p>
            </form>
            <p>&nbsp; </p>
          <p>&nbsp;</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 />
		&nbsp;<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 &gt;</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 &gt;</a></p>
			 <br />
			&nbsp;<br />
			&nbsp;<br />			</td>
			<td width="40">&nbsp;</td>
			</tr>
		</table>	</td>
	<td width="4">&nbsp;</td>
  </tr>
  <tr>
    <td width="165">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="167">&nbsp;</td>
    <td width="486">&nbsp;</td>
    <td width="50">&nbsp;</td>
    <td width="190">&nbsp;</td>
	<td width="4">&nbsp;</td>
  </tr>
</table>
</body>
</html>

2

Contributors

2

Replies

8 Hours

Discussion Span

1 Year Ago

Last Updated

3

Views

Question
Answered

sidra 100

Junior Poster

142 posts since Dec 2009

Reputation Points: 6

Solved Threads: 0

Skill Endorsements: 0

1 Year Ago

0

There's no php and very little js here. How about having a go at a few things first and then posting back with a request for help?

-------------------------------
106 posts | 100 thread starters

diafol

Keep Smiling

Moderator

10,681 posts since Oct 2006

Reputation Points: 1,632

Solved Threads: 1,514

Skill Endorsements: 57

1 Year Ago

0

ok i have done that have select one product per order. as it will be too difficult to manage many products in one order as i have to make a whole system of its manufacturing. thnx for replying.

sidra 100

Junior Poster

142 posts since Dec 2009

Reputation Points: 6

Solved Threads: 0

Skill Endorsements: 0

Question Answered as of 1 Year Ago by diafol

html and php

This question has already been solved: Start a new discussion instead