Misschien is de koptekst niet de juiste omschrijving maar zal het hier proberen.

Ik ben op zoek naar een script om een dropdown menu te maken ter vervanging van mijn categoriƫnlijst die veel ruimte op mijn pagina in beslag neemd.

Nu weet ik wel een dropdown menutje te maken maar weet niet hoe ik de
<option>Categorie</option> moet linken naar de juiste URL

Kan iemand mij hiermee helpen.
Getest en werkt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Select to URL</title>
	<script type="text/javascript" src="mootools/mootools.js"></script>
	<script type="text/javascript">
		window.addEvent ('domready', function () {
			$('url').addEvent ('change', function () {
				window.location = $('url').get ('value');
			});
		});
	</script>
</head>

<body>
	<form>
		<select id="url">
			<option value="http://www.google.nl">google</option>
			<option value="http://www.hyves.nl">hyves</option>
			<option value="http://www.mootools.net">mootools</option>
		</select>
	</form>
</body>
</html>

Je hebt wel Mootools nodig.
Dank je Jan ga het even uit proberen.
<form name="jump">
<select name="menu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO">
<option selected>Site Navigation</option>
<option value="/index.html">Home</option>
<option value="/contact.html">Contact Us</option>
</select>
</form>


vind ik persoonlijk handiger

Reageren