<script>
var level = ["Kindergarten", "ElemantarySchool"];
var years = [];
years[0] = ["1", "2", "3"];
years[1] = ["1", "2", "3", "4", "5", "6"];
for (var i = 0; i < level.length; i++){
var levelOption = new Option(level[i], i);
document.getElementById("level").appendChild(levelOption);
}
changeyears();
function changeyears() {
var yearsSelect = document.getElementById("years");
while (yearsSelect.childNodes.length > 0) {
yearsSelect.removeChild(yearsSelect.childNodes[0]);
}
var yearsList = years[document.getElementById("level").selectedIndex];
for (var i = 0; i < yearsList.length; i++) {
document.getElementById("years").appendChild(new Option(yearsList[i], i));
}
}
</script>
I don't want value 0. I want both arrays to start from value 1.
<select name="years">
<option value="0">1</option>
<option value="0">1</option>
<option value="0">1</option>
</select>