JavaScript - How To Fix The Onchange Function?

 	//check the year 
	var taxYear =       document.getElementById('taxYear').options[document.getElementById('taxYear').selectedIndex].value;
	document.getElementById('ageYear').innerHTML = taxYear;	
	document.getElementById('totalYear').innerHTML = taxYear;	

    <tr>
      <td align="left" width="203" colspan=""><p> Your Tax Year: </p></td>
      <td align="left" 	>      	
        	<s:select name="taxYear" id="taxYear" list="#{'2008':'2008', '2009':'2009'}" theme="simple" />*        
      </td>
    </tr>

    <tr>
      <td align="left" width="203"><p> Age at December 31st <span id="ageYear"></span></p></td>
      <td align="left" colspan="1">
        	<s:textfield name="age" id="age" theme="simple" cssClass="text" value="30" /> *
        	<div id="errorage" class="warningmessage" style="display:none">
        		Please enter your Age to proceed.
        	</div>
      </td>
    </tr>
        
    <tr>
    	<td colspan="2" class="basicboldtext">
    		<br/>
    		The total pension contribution you can make for year <span id="totalYear"></span>&nbsp;is &euro;<span id="totalTax2"></span>
    		<br/>
    	</td>
    </tr>

   
var people = [
        ["Timothy Conner", "1999-Present", "Age: 12", "Male", ""],
        ["Andrew Conner", "1992-Present", "Age: 19", "Male", ""]
    ];

var how = "Brothers";

function find()
{
   if(document.getElementById("name").value == people [0] [0])
   {
      document.getElementById("desc").value = people [0] [1] + "   " + people [0] [2] + "   " +  people [0] [3];
   }
   if(document.getElementById("name").value == people [1] [0])
   {
     document.getElementById("desc").value = people [1] [1] + "   " + people [1] [2] + "   " +  people [1] [3];
   }
    document.getElementById("relateb").value = document.getElementById("name").value;
}

Name: <input type="text" id="name" value="" onChange="find()"/>

<input type = "text" style ='display:none;' onchange="display_data_from_server(this.value)"/>

<form name="datatoshow" id="datatoshow">
Want to learn more about the sie? Use the drop down menu:<br />
<select name="thingtoshow" onchange="javascript:showvalues(this.datatoshow);">
<option value="home">Home</option>
<option value="help">Help!</option>
<option value="refer">Refer a Friend</option>
</select>		
</form>

function showvalues(selObj){
alert("it gets here");
var valuetoshow;
valuetoshow = "valuetoshow="+selObj.options[selObj.selectedIndex].value;
alert(valuetoshow);
makePOSTRequest('showhome.php', valuetoshow);
}

function resetInput()
  {
  y = document.getElementById("baseInput");
  y.setAttribute("value","0");
  }

<select id="baseMethod" onchange="resetInput()">
      <option value="baseGrowth"   selected="selected">Annual Growth Rate (%)</option>
      <option value="baseTarget">Target Year Projection</option>
      </select>

      <input type="text" name="baseInput" id="baseInput" value="0" size="14" maxlength="14" /><br />

<script type="text/javascript">
 //<![CDATA[ 
 // array of possible countries in the same order as they appear in the country selection list 
 var countryLists = new Array(4) 
 ccountryLists["empty"] = ["Select a Country"]; 
 countryLists["North America"] = ["Canada", "United States", "Mexico"]; 
 countryLists["South America"] = ["Brazil", "Argentina", "Chile", "Ecuador"]; 
 countryLists["Asia"] = ["Russia", "China", "Japan"]; 
 countryLists["Europe"]= ["Britain", "France", "Spain", "Germany"]; 
 /* CountryChange() is called from the onchange event of a select element. 
 * param selectObj - the select object which fired the on change event. 
 */ 
 function countryChange(selectObj) { 
 // get the index of the selected option 
 var idx = selectObj.selectedIndex; 
 // get the value of the selected option 
 var which = selectObj.options[idx].value; 
 // use the selected option value to retrieve the list of items from the countryLists array 
 cList = countryLists[which]; 
 // get the country select element via its known id 
 var cSelect = document.getElementById("country"); 
 // remove the current options from the country select 
 var len=cSelect.options.length; 
 while (cSelect.options.length > 0) { 
 cSelect.remove(0); 
 } 
 var newOption; 
 // create new options 
 for (var i=0; i<cList.length; i++) { 
 newOption = document.createElement("option"); 
 newOption.value = cList[i];  // assumes option string and value are the same 
 newOption.text=cList[i]; 
 // add the new option 
 try { 
 cSelect.add(newOption);  // this will fail in DOM browsers but is needed for IE 
 } 
 catch (e) { 
 cSelect.appendChild(newOption); 
 } 
 } 
 } 
//]]>
</script>

<noscript>This page requires JavaScript be available and enabled to function properly</noscript>
  <h1>Dynamic Select Statements</h1>
  <label for="continent">Select Continent</label>
  <select id="continent" onchange="countryChange(this);">
    <option value="empty">Select a Continent</option>
    <option value="1">North America</option>
    <option value="2">South America</option>
    <option value="3">Asia</option>
    <option value="4">Europe</option>
  </select>
  <br/>
  <label for="country">Select a country</label>
  <select id="country">
    <option value="0">Select a country</option>
  </select>

<html>
<head>
<script="text/javascript">
function showMN(select)
{
	select.form.MN.value=""; // reset the text box value
	document.getElementById("MNBox").style.display =
		select.value == "MN" ? "inline" : "none";
}

function showWI(select)
{
	select.form.WI.value=""; // reset the text box value
	document.getElementById("WIBox").style.display =
		select.value == "WI" ? "inline" : "none";
}

function showOther(select)
{
    select.form.otherState.value = ""; // reset the text box value
    document.getElementById("otherBox").style.display =
        select.value == "Other" ? "inline" : "none";

</script>
</head>
<body>

<select name="state" onchange="showMN(this);showWI(this);showOther(this)">
    		<option value="" selected="selected">Choose...</option>
    		<option value="MN">MN</option>
    		<option value="WI">WI</option>
   			<option value="Other">Other</option>
			</select><font color="red">*</font>

<span id="MNBox" style="display:none"> 
County: <select name="MN">
	<option value="" selected="selected">Choose...</option>
	<option value="List of MN Counties">List of MN Counties</option>								</select><font color="red">*</font>

<span id="WIBox" style="display:none"> 
County: <select name="WI">
	<option value="" selected="selected">Choose...</option>
	<option value="List of WI Counties">List of WI Counties</option>
</select><font color="red">*</font>
			
<span id="otherBox" style="display:none"> 
<input type="text" name="otherState" placeholder="Enter state here"/><font color="red">*</font> <input type="text" name="otherCounty" placeholder="Enter County here"</span>

</body>
</html>

<select name="type" id="type" onChange="gettype('type');">
<option selected="selected">--Car type--</option>
<option value="1">Bmw</option>
<option value="2">Merc Blinds</option>
<option value="3">Ford</option>
<option value="4">Saab</option>
</select>

<select onchange="updateLangTo('VALUE')">
<option value="en">English</option>
<option value="ar">Arabic</option>
</select>

<html>
<head>
<script type="text/javascript">
function copyText()
{
document.getElementById("field2").value=document.getElementById("field1").value;
}
</script>
</head>
<body>

Field1: <input type="text" id="field1"/><br />
Field2: <input type="text" id="field2" onchange="copyText()"/>

</body>
</html>

<form id="checkout" name="my_form" method="post" action="!---SCRIPT_NAME---" onsubmit="return validForm(this);">	
<div id="verification" class="aligncenter required">
  <input type="checkbox" id="verified" name="verified" value="" /> <label for="verified">YES</label>, the items and quantities shown above are correct.</div>
<div class="required"><label for="name">Name:</label><input id="name" name="contactname" type="text" class="L" onchange="" /></div>
<div class="required"><label for="company">Company Name:</label><input id="company" name="company" type="text" class="L" /></div>
<div class="buttonRow"><input type="submit" name="VERIFY" class="btn red" value="Continue" /></div>
</form>

function verifyOrder() {
  if (document.my_form.verified.checked != "true") {
    alert("Please verify the contents of your order");
    document.my_form.verified.focus();
    getElementById('document.my_form.verification').className='highlight'
    return false;
  }
}

document.write('test on change\n');

<!-- EXAMPLE 1 WORKS-->
<script type="text/javascript"> 
function Split(sel,first) 
{
  if (sel.selectedIndex == 0 ) return;
  var temp = sel.value.split(",");
  sel.form["F"+first].value = temp[0];
  sel.form["F"+(first+1)].value = temp[1];
  sel.form["F"+(first+2)].value = temp[2];
}
</script>

<form method='post'>
<input type="text" name="F1" value="" > 
<input type="text" name="F2" value="" >
<input type="text" name="F3" value="" >

<select onChange="Split(this,1)">
<option> ===Select Color ==== </option>
<option value='000,000,000'>black</option>
<option value='169,169,169'>grey</option>
<option value='000,000,255'>blue</option>
<option value='153 102,255'>aqua</option>
</select>
</form>

<!-- EXAMPLE 2 NEED HELP-->
<script type="text/javascript"> 
function Split(sel,first) 
{
  if (sel.selectedIndex == 0 ) return;
  var temp = sel.value.split(",");
  sel.form1["F"+first].value = temp[0];
  sel.form1["F"+(first+1)].value = temp[1];
  sel.form1["F"+(first+2)].value = temp[2];
}
</script>

<form method='post' name="form1">
<input type="text" name="F1" value="" > 
<input type="text" name="F2" value="" >
<input type="text" name="F3" value="" >
</form>


<!-- NEED TO MODIFY THE ONCHANGE TO WORK IN THIS POSITON?? -->
<select onChange="Split(this.form1.value,1)">
<option> ===Select Color ==== </option>
<option value='000,000,000'>black</option>
<option value='169,169,169'>grey</option>
<option value='000,000,255'>blue</option>
<option value='153 102,255'>aqua</option>
</select>