JavaScript Forum

**jsong** · 12:30 AM

Hi;

I want to add links on some of dynamic elements on list box. But I don't know how to do it. Below is my code, the links work only on static coding, what about the elements that are generated from array?

**funkdaddu** · 06-29-2006, 03:00 PM

I'm really confused by your code, it looks like you're using a <select> field for a <texarea> field... but to answer your question, you have to define the url for each option:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
		<title>Untitled Page</title>
		<script type="text/javascript"><!--
window.onload = function() {
	var boxArray = new Array;
	
	var selectBox = document.createElement("select");
	selectBox.setAttribute("onchange","location.href=this.value;");
	
	boxArray[0] = new Option("Yahoo","http://www.yahoo.com");	
	boxArray[1] = new Option("Google","http://www.google.com");
	boxArray[2] = new Option("Sirius Ad","http://www.siriusad.com");
	boxArray[3] = new Option("Apple","http://www.apple.com");
	
	for (x in boxArray) {
		selectBox.appendChild(boxArray[x]);
	}
	
	document.getElementById("theForm").appendChild(selectBox);
}
//-->
</script>
	</head>

	<body bgcolor="#ffffff">
		<form id="theForm"></form>
	</body>

</html>

This will generate a box, and a set of links for each item. Is this what you mean?

**jsong** · 06-30-2006, 01:00 PM

Thanks Funkdaddu.