Ausgewählt:

Eine Änderung der Auswahl ruft im Einblendmenü den Event-Handler "onChange" auf und dieser die Funktion "auswahl()". Die for-Schleife ermittelt den selektierten Eintrag (selected==true). Dabei wird auf das Feld "formular.menu.options[]" zurückgegriffen, in dem die Menüeinträge gespeichert sind. "formular.menu.options.length" gibt die Länge der Liste (Anzahl der Einträge) an.

 

<HTML>
<HEAD>
<TITLE>Formular mit Einblendmen&uuml;</TITLE>

<SCRIPT language=JavaScript><!--

function auswahl() {

for (var i=0;i<document.form.menu.options.length;i++)

if (document.form.menu.options[i].selected==true)

document.form.textfeld.value=document.form.menu.options[i].value

}

function reset() {

document.form.menu.options[0].selected=true

document.form.textfeld.value=""

}

--></SCRIPT>

</HEAD>

<BODY>

<P><FORM name=form>

<CENTER><SELECT NAME=menu onchange="auswahl()">

<OPTION>Bitte waehlen

<OPTION VALUE=Januar>Januar

<OPTION VALUE=Februar>Februar

<OPTION VALUE=Maerz>Maerz

<OPTION VALUE=Mai>Mai

<OPTION VALUE=Mai>Mai

<OPTION VALUE=Juni>Juni

<OPTION VALUE=Juli>Juli

<OPTION VALUE=August>August

<OPTION VALUE=September>September

<OPTION VALUE=Oktober>Oktober

<OPTION VALUE=November>November

<OPTION VALUE=Dezember>Dezember

</SELECT></CENTER>

<CENTER><FONT SIZE="+1">Ausgew&auml;hlt:</FONT><INPUT TYPE=text NAME=textfeld VALUE="" SIZE=15>

<P><INPUT TYPE=button NAME="" VALUE="zur&uuml;cksetzen" onclick="reset()"></P> </CENTER>

</FORM></P>

</BODY>

</HTML>

Es geht auch so:

 

<FORM name=auswahl>

<P><SELECT NAME=menu onchange="document.auswahl.meinFeld.value==document.auswahl.menu.options[document.auswahl.menu.selectedIndex].value;" value=GO>

<OPTION VALUE="Adresse 1">Beispiel 1

<OPTION VALUE="Adresse 2">Beispiel 2

<OPTION VALUE="Adresse 3">Beispiel 3

</SELECT>

</FORM>

Letzte Änderung: