Auto populating form fields

netfrugal

I know this isn't a PHP thing. But, I've been unsuccessfully looking for how to populate form fields with data found in other fields.

For example, I would like to populate shipping information with the billing information - if they are the same. This would save the time from entering the same address twice.

Does anyone know of a javascript site that is decent at these options?

NogDog

One approach:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>
<title>Javascript test</title>
<script type="text/javascript">
function copyBillToShip()
{
   if(document.test.same.checked)
   {
      document.test.s_addr_1.value = document.test.b_addr_1.value;
      document.test.s_addr_2.value = document.test.b_addr_2.value;
   }
   else
   {
      document.test.s_addr_1.value = '';
      document.test.s_addr_2.value = '';
   }
}
</script>
</head>
<body>
<form name='test' id='test' action='#' method='post'>
<fieldset>
<legend>Billing Address</legend>
<label>Address 1: <input type='text' name='b_addr_1' size='20'></label><br>
<label>Address 1: <input type='text' name='b_addr_2' size='20'></label><br>
</fieldset>
<fieldset>
<legend>Billing Address</legend>
<!-- use JS to write checkbox so non-JS browsers won't -->
<script type="text/javascript">
document.write('<input type="checkbox" onclick=\'copyBillToShip();\' name=\'same\'>Same as Billing Address<br>');
</script>
<label>Address 1: <input type='text' name='s_addr_1' size='20'></label><br>
<label>Address 1: <input type='text' name='s_addr_2' size='20'></label><br>
</fieldset>
</form>
</body>
</html>