JavaScript - How To Populate Array From Dropdownlist

I have to create two dropdownlists that are dependent

In my first select tag there are 4 selections ,,, year,quarter,month and week.
and in second select it should automatically populate..If user select year from first select in second select values should be 1 to 365.. if quarter values in second select(dropdown) should be 1 to 4. if month 1 to 12 and if week is selected 1 to 7.. can anyone help me to achieve this.. I will post that code and please help me to resolve this error as iam naive user to javascript..





	          <select id="user_defn_uom" name="user_defn_uom" onchange="alert(this.options[this.selectedIndex].text)" align="center">

	          <option selected value="">              
	          <option value="Yearly">Yearly
	          <option value="Quarterly">Quarterly
	          <option value="Monthly">Monthly
	          <option value="Weekly">Weekly
	       </td>







              <td>.
	          <select name="user_defn_day" align="center">
	          <option selected value="">   



<script type="text/javascript">

alert(this.options[this.selectedIndex].text)


   
for (var i = 1; i <=366; i++) 
{                                          
              document.write('<option value="' + i  + '">' + i + '</option>');

}

</script>
</select>

<select id="instance2" name="instance2"> 
<option value="0">All instances</option> 
<option value="1">Item0</option> 
<option value="2">Item1</option> 
<option value="3">Item2</option> 
                     . 
                     . 
                     . 
<option value="23">Item22</option>

function addAnotherOption()
{
        var newItem = document.getElementById("Text44"); 
        if (!newItem.value == "")
        {
            var answer = confirm ("Are you sure you want to add? ") 
            if (answer)//if answer is true
            {        
                var lst = document.getElementById('comboBox');  // listbox control id
                // Now we need to create a new 'option' tag to add to MyListbox 
                var newOption = document.createElement("option"); 

                newOption.value = newItem.value; // The value that this option will have 
                newOption.innerHTML = newItem.value; // The displayed text inside of the <option> tags
                for (var i = 0; i < lst.options.length; i++) 
                {
                    arrTexts = lst.options[i].text; 
                    if (arrTexts.toLowerCase() == newItem.toLowerCase()) 
                    {
                        alert ("That option is already included in the list - please enter another item.");
                        return false;
                    }
                    
                    else
                    {                                          
                        // Finally, add the new option to the listbox 
                        lst.appendChild(newOption);             
                        //sort items in listbox in alpha order
                        arrTexts = new Array();    
                        for(i=0; i<lst.length; i++) 
                        {
                            arrTexts[i] = lst.options[i].text;
                        }     
                                    
                        arrTexts.sort();
                        for(i=0; i<lst.length; i++)
                        {
                            lst.options[i].text = arrTexts[i];
                            lst.options[i].value = arrTexts[i];
                        } 
                     }
                }                                
            }
        }
        else
        {    
            if(newItem.value == "")
            {
                alert("Key something to textbox please.");
            }
                    
            else
                alert("Cancelled.");                
        }                              
 }

<input id="Text44" type="text" />
<input id="Submit22" type="submit" value="Add" onclick="addAnotherOption()" /><br />

<select name="combo" id= "comboBox" style="width: 323px">
                                    <option value="H">Hearts</option>
                                    <option value="D">Diamonds</option>
                                    <option value="C">Clubs</option>
                                    <option value="S">Spades</option>
</select>

<head>
    <title>Lab8</title>
    <script src="arrays.js" type="text/javascript"></script>
    <link href="css.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        
        function amountTotal() {
            var totalDonations = 0;
            for (var i = 0; i < amount.length; i++) {
                totalDonations += amount[i];
            }
            return totalDonations;
        }
   
    </script>
</head>
<body>

    <table id="donations" rules="rows">
        <tr>
            <th>
                Date
            </th>
            <th>
                Name
            </th>
            <th>
                Amount
            </th>
            <th>
                Address
            </th>
        </tr>
        <script type="text/javascript">

            for (var i = 0; i < amount.length; i++) {

                if (i % 2 == 0) document.write("<tr>")
                else document.write("<tr class='yellowrow'>");
                document.write("<td>" + date[i] + "</td>");
                document.write("<td>" + firstName[i] + lastName[i] + "</td>");
                document.write("<td>" + amount[i] + "</td>");
                document.write("<td>" + street[i] + "<br />" + city[i] + "," + " " + state[i] + " " + zip[i] + "</td>");
            }
            document.write("</tr>")
      
        </script>
    </table>
    <table id="totalsTable">
        <tr>
            <th colspan="2">
                Summary
            </th>
        </tr>
        <tr>
            <td>
                Contributions
            </td>
            <td class="amt">
                <script type="text/javascript">
                    document.write(amount.length);
                </script>
            </td>
        </tr>
        <tr>
            <td>
                Amount
            </td>
            <td class="amt">$
                <script type="text/javascript">
                    var totalTotal = amountTotal();
                      document.write(totalTotal);
                </script>
            </td>
        </tr>
    </table>
</body>
</html>

<body>
<table id="donations" rules="rows">
<tr>
<th>Date</th>
<th>Name</th>
<th>Amount</th>
<th>Address</th>
</tr>

<script type="text/javascript">
    for (var i = 0; i < amount.length; i++) {
        if (i % 2 == 0) document.write("<tr>")
        else document.write("<tr class='yellowrow'>");
        document.write("<td>" + date(i) + "</td>");
        document.write("<td>" + firstName(i) + lastName(i) + "</td>");
        document.write("<td>" + amount(i) + "</td>");
        document.write("<td>" + "<br />" + city(i) + "," + state(i) + zip(i) + "</td>");
    }
        document.write("</tr>")
</script>
</table>

</body>

var xmlDoc = xmlhttp.responseXML;
for (var i = 0; i < xmlDoc.getElementsByTagName("id").length; i++) {
                        traderlists.add(new Option(xmlDoc.getElementsByTagName("name")[i].childNodes[0].nodeValue, xmlDoc.getElementsByTagName("id")[i].childNodes[0].nodeValue));
                    }

<script>
//Get the referer string out of the URL
function getQuerystring(key, default_)
{

  if (default_==null) default_="";
  key = key.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regex = new RegExp("[\\?&]"+key+"=([^&#]*)");
  var qs = regex.exec(window.location.href);
  if(qs == null)
    return default_;
  else
    return qs[1];
}


//Set the cookie for 30 days
function SetCookie(cookieName,cookieValue,nDays) {
 var today = new Date();
 var expire = new Date();
 if (nDays==null || nDays==0) nDays=1;
/* expire.setTime(today.getTime() + 3600000*24*nDays);*/
 expire.setTime(today.getTime() + (1000 * 60 * 60 * 24 * 30));     
 document.cookie = cookieName+"="+escape(cookieValue)
                 + ";expires="+expire.toGMTString();
}


//Put the cookie on the user's computer
function putcookie()
{
	var val = getQuerystring('referer');
	
	if(val !=""){
		if (document.cookie.length == 0)
		{
			SetCookie('referer', val, 1);
			alert(val);
		}
	}
	alert(document.cookie);
	
}
putcookie();




getCookie(name);

//If there is a cookie then get the cookie
function getCookie(c_name)
{

if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
 
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);

    if (c_end==-1) c_end=document.cookie.length;
	
if(document.SECatJax.referer.length > 0)
{	
  document.SECatJax.referer.value = unescape(document.cookie.substring(c_start,c_end));
 return false;
}
 alert(document.cookie);

    }
  }
  document.SECatJax.referer.value = 'Website'; 
}

<select name="source_code" size="1" id="source_code" class="select_2" style="display:none">
<option value="" selected="selected">--</option>
<option value="Direct Mail">Direct Mail</option>
<option value="High School Presentation">High School Presentation</option>
<option value="Search Engine">Internet Search</option>
<option value="Newspaper">Newspaper</option>
<option value="Poster">Poster</option>
<option value="Radio">Radio</option>
<option value="Referral">Referral</option>
<option value="TV">TV</option>
<option value="Yellow Pages">Yellow Pages</option>
</select>

<script type="text/javascript">
function edit(com, grid) {
if (com == 'Edit') {
        if($('.trSelected').length>0){
            if($('.trSelected').length>1){
                alert('Please select just one row');
                return;
            }
            var items = $('.trSelected');
            var itemlist ='';
            for(i=0;i<items.length;i++){
                itemlist+= items[i].id.substr(3);
            }
			$.ajax({
			   type: "POST",
			   dataType: "json",
			   url: "tempcontact.php",
			   data: "items="+itemlist,
			   success: function(data){
			   	document.getElementById('id').value = data.id;
            document.getElementById('email').value = data.email;
			    
			   $("#flex1").flexReload();
			   }
			 });
            
            /*and so on then you can call facybox*/
           jQuery.facybox({ div: "#editform"});
		   
        } else{
            alert('Please select a row to edit.');
        }
    }
      }
</script>

<div id="editform" style="display:none;">
  <form action="conedit.php" method="post" class="webform">  
<fieldset>  
<legend><span>Update Contact</span></legend>
<br /> <div id="dataText">Please delete the fields if there is no data 'No data to display'.</div>
  <label for="id">ID:</label>  
<input id="id" name="id" class="text" type="text" value="" />
<label for="name">Full Name:</label>  
<input id="name" name="name" class="text" type="text" value="" />  
  
<label for="email">Email address:</label>  
<input id="email" name="email" class="text" type="text" value="" />  
  
<label for="phone">Telephone:</label>  
<input id="phone" name="phone" class="text" type="text" value="" />  
  
<label for="mobile">Mobile:</label>  
<input id="mobile" name="mobile" class="text" type="text" value="" />  
 
<label for="fax">Fax:</label>  
<input id="fax" name="fax" class="text" type="text" value="" />  
  
<label for="notes">Notes:</label>  
<textarea name="notes" cols="25" rows="3"></textarea>  


</fieldset>
<input class="submit" type="submit"  name="submit" value="Update" />
</form>
</div>

<input name="usePad" type="checkbox" value="usePad" id="usePad" onclick="showBind('padShow','padOk')" />

var xmlhttpshowBind;
var showBindDiv;

function showBind(BindPage,BindDiv) {
xmlhttpshowBind=GetXmlHttpObject();
if (xmlhttpshowBind==null) 	{
	alert ("Browser does not support HTTP Request");
	return; }
var url="/scripts/"+BindPage+".php";
showBindDiv=BindDiv;
xmlhttpshowBind.onreadystatechange=showBindGet;
xmlhttpshowBind.open("GET",url,true);
xmlhttpshowBind.send(null); }

function showBindGet() {
	if (xmlhttpshowBind.readyState==4) {
	document.getElementById(showBindDiv).innerHTML=xmlhttpshowBind.responseText; } }

document.getElementById("tableID").textfieldID.value = Col1Cell[0].innerHTML;
document.getElementById("tableID").textfieldID.value = HeaderCell[n].innerHTML;
document.getElementById("tableID").textfieldID.value = this.innerHTML;