I've got a form page where I'm using [tt]onChange[/tt] in a [tt]Select[/tt] statement to update an [tt]input[/tt] field. My problem is that instead of just updating the one field it is updating everything and I can't seem to limit it for whatever reason. Maybe it needs some kind of ID or something???
Here's a demo snippet:
Any insight would be appreciated! Thanks.
Paul.
Here's a demo snippet:
Code:
<script language=JavaScript>
function makechange() {
if (document.myForm.mySelect_1.value='Change') document.myForm.blahText_1.value='Changed Text';
if (document.myForm.mySelect_2.value='Change') document.myForm.blahText_2.value='Changed Text';
if (document.myForm.mySelect_3.value='Change') document.myForm.blahText_3.value='Changed Text';
}
</script>
<body>
<form name="myForm">
<select name="mySelect_1" onChange="makechange();">
<option value="Original" SELECTED>Original</option>
<option value="Change">Change the Original Value</option>
<option value="No_Change">Don't Change the Original Value</option>
</select>
<input type="text" name="blahText_1" value="Original Text"><br><br>
<select name="mySelect_2" onChange="makechange();">
<option value="Original" SELECTED>Original</option>
<option value="Change">Change the Original Value</option>
<option value="No_Change">Don't Change the Original Value</option>
</select>
<input type="text" name="blahText_2" value="Original Text"><br><br>
<select name="mySelect_3" onChange="makechange();">
<option value="Original" SELECTED>Original</option>
<option value="Change">Change the Original Value</option>
<option value="No_Change">Don't Change the Original Value</option>
</select>
<input type="text" name="blahText_3" value="Original Text">
</form>
</body></html>
Any insight would be appreciated! Thanks.
Paul.