I need help calling an array to display the days corresponding to the months selected from a drop down list. I have tried every possible tutorials and forums and I can not find any that help me compr
HTML (They are not pictures)
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="test3.css">
</head>
<body>
<form id="calendar">
<!-- Table 1 -->
<table>
<tr>
<td></td>
<td>
<select name="calMonths" id="calMonths" onchange="Calendar()">
<option selected= "selected" value=""></option>
<option value="Jan">January</option>
<option value="Feb">Feburary</option>
<option value="Mar">March</option>
<option value="Apr">April</option>
<opiton value="May">May</opiton>
<option value="Jun">June</option>
<option value="Jul">July</option>
<opiton value="Aug">August</opiton>
<option value="Sep">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select>
</td>
</tr>
</table>
<!-- Table 2 -->
<table id="dMonth">
<!--Weekdays-->
<tr id="weekdays">
<th>Sun</th>
<th>Mon</th>
<th>Tue</th>
<th>Wed</th>
<th>Thur</th>
<th>Fri</th>
<th>Sat</th>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<!-- Table 3 -->
<table id="caldays">
</table>
</form>
<script src="test3.js"> </script>
<br>
<!-- Will not be apart of final code-->
<table id="calMonthz" border="1">
<!-- The Row Number 0 -->
<tr>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
</tr>
<!-- End Row Number 0 -->
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
<script>
var array = [["","A1","B1","C1", "D1"],
["A2","B2","C2"],
["A3","B3","C3"],
["A4","B4","C4"],
["A5","B5","C5"],
["A1","B1","C1"],
["A2","B2","C2"],
["A3","B3","C3"],
["A4","B4","C4"],
["A5","B5","C5"]],
table = document.getElementById("calMonthz");
/* Method 1 */
// rows
for(var i = 1; i < table.rows.length; i++)
{
// cells
for(var j = 0; j < table.rows[i].cells.length; j++)
{
table.rows[i].cells[j].innerHTML = array[i - 1][j];
}
}
</script>
</body>
</html>
