Assignments Calendar/Schedule Table of Contents Resources | MY Assignments My COIN 70b Home

Martha's COIN 70b JavaScript Test Pages

Double Menus - Two Select Arrays

Results

SCRIPT

var form = document.dualmenus;

var groups = form.example.options.length;
var group = new Array(groups);

for (i = 0; i < groups; i++) group[i] = new Array()

group[0][0] = new Option("JavaScript Site","http://www.javascript.com");
group[0][1] = new Option("News.com","http://www.news.com");
group[0][2] = new Option("Wired News","http://www.wired.com");

group[1][0] = new Option("CNN","http://www.cnn.com");
group[1][1] = new Option("ABC News","http://www.abcnews.com");

group[2][0] = new Option("Hotbot","http://www.hotbot.com");
group[2][1] = new Option("Infoseek","http://www.infoseek.com");
group[2][2] = new Option("Excite","http://www.excite.com");
group[2][3] = new Option("Lycos","http://www.lycos.com");

var temp = form.links;

function redirect(index){
	for (m = temp.options.length - 1; m > 0; m--) temp.options[m] = null
	for (i = 0; i < group[index].length; i++){
		temp.options[i] = new Option(group[index][i].text, group[index][i].value)
	}
	temp.options[0].selected = true
}

function go(){
 location = temp.options[temp.selectedIndex].value
}

RETURN