submit form using javascript
Hi, I'm trying to submit update a form's field with the output of another, but they don't seem to be talking?
This is the code:
Code:
<!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>
<script src="calendar.js" type="text/javascript"></script>
<script src="calendar1.js" type="text/javascript"></script>
<link href="calendar.css" type="text/css" rel="stylesheet" />
<script type="text/javascript">
function entry()
{
document.forms["formdata"].submit();
document.forms[0].area.value == document.forms[1].output1.value;
}
</script>
<style>
#container {
background-color:#C60;
color:#FFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
padding:15px;
}
#subtitle {
font-style:italic;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Local Session Search</title>
</head>
<body>
<div id="container">
<div id="title">
<h1>Marketing Session Search</h1>
<span id="subtitle">Create a link for the nearest sessions in a specified area.
</span>
<br />
Would you like to include this in an email? Click here to access the <span style="font-weight:bold;">mailer</span>.
</div>
<div name="form1">
Enter the details onto the form.
<form id="formdata" name="formdata">
<table style="background-color:#FC6; color:#900">
<tr>
<td>Area</td>
<td>
<select name="area" size="5">
<option value="NS" selected>North Sheffield</option>
<option value="BA">Barnsley</option>
<option value="NR">North Rotherham</option>
<option value="DO">Doncaster</option>
<option value="SC">S****horpe</option>
<option value="GC">Grimsby/Cleethorpes</option>
<option value="LN">Lincoln</option>
<option value="SK">Skegness</option>
<option value="SL">Boston/Spalding</option>
<option value="OT">Other</option>
</select>
</td>
</tr>
<tr>
<td>Start Date:</td>
<td><input type="text" name="date" id="date" />
<script type="text/javascript">
calendar.set("date");
</script>
</td>
<tr>
<tr>
<td>Finish Date:</td>
<td><input type="text" name="fdate" id="fdate" />
<script type="text/javascript">
onfocus(fdate)) {
document.write("date")
}
</script>
</td>
</tr>
<tr>
<td>Include Weekends?</td>
<td><input name="wknd" type="radio" value="yes" checked />Yes
<input name="wknd" type="radio" value="no" />No
<br />
<input name="wknd" type="radio" value="only" />Weekends only
</td>
</table>
<input type="submit" value="Submit" onclick="entry();"/>
</form>
<table>
<tr>
<td>Your query reads:</td>
<td id="query">
<form name="output" id="output">
<input name="output1" type="text" id="output1" value="fill the form" />
</form>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>
tips, pointers anyone?
