Post result from a query via php in same page with Ajax

JavaScript
1

Hi all. I have a form on my website with 3 drop-dwon boxes. After user select an option from each one and hit submit the data is posted to an external php file, that makes an query to MySQL and then the page is reloaded and result posted. I’d like to make this more fancy - with ajax without reloading the page. the problem is I’m completely nube. I search interned and tried a couple of examples but no result. Here is the code:

HTML FORM:

<form name="showprice" id="showprice" method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
	<select name="country" id="country">
		<option value="">Select Country</option>
	</select>
	<select name="industry" id="industry" onchange="setOptions(document.showprice.industry.options[document.showprice.industry.selectedIndex].value);">
		<option value="">Select Industry</option>
	</select>
	<select name="quality" id="quality">
		<option value=" " selected="selected">Select country and industry first.</option>
	</select>
	<input value="Submit" type="submit" name="submit" id="submit">
</form>

<script  type="text/javascript">
	var frmvalidator = new Validator("showprice");
	frmvalidator.addValidation("country","req","Please select country");
	frmvalidator.addValidation("industry","req","Please select industry");
	frmvalidator.addValidation("quality","req","Please select quality");
</script>

NOTE: I have removed the options to save space.

The external view.prices.php:

It is in another folder and now I am calling the result with

<?php include('includes/view.prices.php'); ?>

<?

if(isset($_POST['submit'])) {
include ('config.php');
$con1 = mysql_connect($server, $username, $password);
if (!$con1)
  {
  die('<b>Could not connect: </b>' . mysql_error());
  }

echo 	'<br /><br /><table id="myTable" class="tablesorter" align="center">
			<thead>
				<tr>
					<th width="5%">Flag</th>
					<th width="10%">Country</th>
					<th width="10%">Good</th>
					<th width="5%">Quality</th>
					<th width="10%">Seller</th>
					<th width="10%">Amount</th>
					<th width="10%">Price</th>
					<th width="40%">Link to offer</th>
				</tr>
			</thead>
			<tbody>';

$cou = $_POST['country'];
$ind = $_POST['industry'];
$qua = $_POST['quality'];

[B]// some sql queries here //[/B]

echo 	("<tr>
			<td width='5%' style='border-bottom: 1px solid #000;'><img src='$flag' alt='' /></td>
			<td width='10%' style='border-bottom: 1px solid #000;'>$country</td>
			<td width='10%' style='border-bottom: 1px solid #000;'>$industry</td>
			<td width='5%' style='border-bottom: 1px solid #000;'>Q $quality</td>
			<td width='10%' style='border-bottom: 1px solid #000;'><a href='http://www.erepublik.com/en/citizen/profile/$sellerid' target='_blank'>$seller</a></td>
			<td width='10%' style='border-bottom: 1px solid #000;'>$amount</td>
			<td width='10%' style='border-bottom: 1px solid #000;'>$price</td>
			<td width='40%' style='border-bottom: 1px solid #000;'><a href='$link' target='_blank'>Link to offer</a></td>
		</tr>");
		
if (!mysql_query($sql,$con1))
  {
  die('Error: ' . mysql_error());
  }
}
echo	'</tbody>
		</table>';
mysql_close($con1);
}}
else {
echo '<div class="grid_9">
		<p><b>TIP:</b> Pick country, industry and quality from the drop-down above and hit "Submit" button to view results.</p>
	</div>';
}

Any help highly appreciated.