DropDown Menü funktioniert nicht.Warum?

bigfella

Erfahrenes Mitglied
Hallo!

Hab gerade folgendes Tutorial ausprobiert:
http://webmaster.lycos.de/topics/technic/javascript/javascript-workshop2/3/

Meine Nachbildung schaut so aus:

<html>

<head>
<SCRIPT>
function change_site() {
var site = document.monform.monpopup.selectedIndex;
if (confirm('Are you sure you want to change site?')) {
window.location.href =
document.monform.monpopup.options[site].value;
}
}
</SCRIPT>
</head>

<FORM NAME='monoform' >
<SELECT NAME='monopopup' onChange="change_site();">
<OPTION></OPTION>
<OPTION VALUE="http://www.microsoft.com">Microsoft
</OPTION>
<OPTION VALUE="http://www.mut.de">Markt und Technik
</OPTION>
<OPTION VALUE="http://www.focus.de"> Focus
</OPTION>
</SELECT>
</FORM>
<body>

</body>

</html>


Erstell es mit FP 2002 und wenn ich nun auf "Vorschau" gehe, funktioniert es.
Doch wenn ich dann einen Eintrag wähle, kommt folgende Meldung:
"In dem Script auf dieser Seite ist ein Fehler aufgetreten.
Fehler ´document.monform.monpopup´ist Null oder kein Objekt."

Was heißt das bitte?
Bin in dem Bereich totaler Anfänger..
Brauch aber unbedingt so ein dropdown menü.

Vielen DANK!
 
Hallöchen,

wenn der Wert deines Attributs name vom form-Element "monoform" ist, solltest du auch aufpassen, dass du bei JavaScript-Referenzierung des Elementes den Wert "monoform" verwendest und nicht "monform". ;)

Gleiches gilt für das select-Element, welches statt "monpopup" "monopopup" heißt.
Code:
<script type="text/javascript">
<!--

function change_site() {
    var site = document.monoform.monopopup.selectedIndex;
    if (confirm('Are you sure you want to change site?')) {
        window.location.href = document.monoform.monopopup.options[site].value;
    }
}

//-->
</script>
hth,
Adam
 

Neue Beiträge

Zurück