DHTML

Ett dynamiskt formulär - 1

Ofta när man fyller i ett formulär på nätet får man först välja något i en lista med kategorier och får sen upp en ny lista med nya kategorier eller val som man ska välja. Vi ska konstruera ett sådant exempel genom att göra ett formulär för att hitta Nikes födelseort.

Formuläret består av två delar och ser ut enligt följande:


<FORM>

<B>Välj bostadsort</B><BR>

	<SELECT onchange="showCity(this.options[this.selectedIndex].value)">

		<OPTION value="none" selected>--Välj område--</OPTION>

		<OPTION value="Härjedalen">Härjedalen</OPTION>

		<OPTION value="Gotland">Gotland</OPTION>

		<OPTION value="Utlandet">Utlandet</OPTION>

	</SELECT >



	<SELECT id="city" 

		onchange="chooseCity(this.options[this.selectedIndex].value)">

		<OPTION value="none" selected>--Välj ort--</OPTION>

		<OPTION value="Sveg">Sveg</OPTION>

		<OPTION value="Bruksvallarna">Bruksvallarna</OPTION>

 		<OPTION value="Vemdalen">Vemdalen</OPTION>

 	</SELECT>

</FORM>

Lägger vi in koden direkt på en sida (start.html) kommer det att se ut såhär :

Resultat