OK, I have searched the internet and here and have not found what I need.

I am a noob to javascipt/java so need a LOT of help.

What I have is a form to update meeting places with certain data. The data for the meeting place is from a MySQL table and that table has the place, address, city, state, zip. So I need to have the address, city, state, zip changed based on the dropdown of the meeting place. My current code is below (and includes other things).

Code:
<?php
	session_start();

		include 'db_connect.php';
		
			
	if ($_SERVER['REQUEST_METHOD'] == 'POST') 
  { 
    $task = isset($_POST['task']) ? $_POST['task'] : false; 
     if ($task == "Register") {
      $formValues = $_POST; 
      $formErrors = array();  
      if (!VerifyForm($formValues, $formErrors)) 
      DisplayForm($formValues, $formErrors); 
      else     {
//        echo 'Processing form' ;
        ProcessForm($formValues);     }
      }
      else if ($task == 'ReturnToMainPage')   
        header('Location: index.php');
  }  
  else 
  {

    DisplayForm(null, null);
}


function DisplayForm($values, $errors) 
{ ?>
<!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>SACCC Meeting Information Change</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<script type="text/javascript" src="calendar.js"></script>
</head>
<body id="main_body" >

	<img id="top" src="top.png" alt="">
	<div id="form_container">
	
		<h1><a> Meeting Information Change</a></h1>
		<form id="form_754506" class="appnitro"  method="post" action="">
					<div class="form_description">
			<h2>Meeting Information Change</h2>
			<p>Use this form to change the Monthly Meeting information.</p>
		</div>						
		<ul >		
			</li>		<li id="li_4" >
			<label class="description" for="element_4">Meeting Place </label>
			<div>
				<input id="element_4" name="element_4" class="element text medium" type="text" maxlength="255" value=""/> 
			</div> 
			</li>		
			<li id="li_5" >
			<label class="description" for="element_5">Meeting Address </label>
			
			<div>
				<input id="element_5_1" name="element_5_1" class="element text large" value="" type="text">
				<label for="element_5_1">Street Address</label>
			</div>
		
			<div>
			<span style="float:left">
				<input id="element_5_3" name="element_5_3" class="element text medium" style="width:14em" value="" type="text">
				<label for="element_5_3">City</label>
			</span>
			<span style="float:left">
				<select id="element_5_4" name="element_5_4" class="element text medium" style="width:3.5em"  maxlength="2" value="" type="text">
				<label for="element_5_4">State</label>
				</select>
			</span>
			<span style="float:left">
				<input id="element_5_5" name="element_5_5" class="element text medium" style="width:6em" maxlength="5" value="" type="text">
				<label for="element_5_5">Zip Code</label>
				</span>
			</div>
		
			</li>		
			
				
			<li class="buttons">
				<input type="hidden" name="form_id" value="754506" />
				<input id="saveForm" method="post" class="button_text" type="submit" name="addNew" value="Add New" action="<?= $_SERVER['PHP_SELF'] ?>"/>
				<input id="saveForm" method="post" class="button_text" type="submit" name="submit" value="Submit" action="<?= $_SERVER['PHP_SELF'] ?>"/>
			</li>
		</ul>
		</form>	
		<?php }
		?>		
	</div>
	<img id="bottom" src="bottom.png" alt="">
	</body>
</html>
So, I assume I need some kind of javascript to be triggered when the dropdown place box changes. Right? And what is that code since I don't know javascript.

Thanks
F