drop-down-menü mit javascript

[krüml]

Hallo!
Ich  habe für meine Homepage einen Designwechsel programmiert und dafür eine kleine auswahlliste erstellt (drop-down-menü)
mit dem iexplorer geht alles super, doch netscape streikt!
ich habe ein formular namens „form“ erstellt und ein auswahlmenü namens „list“.
durch einen button namens „Los!“ soll der vorgang ausgelöst werden ...

<form name=form>
<select name='list'>
<option value='design1'>Design 1</option>
<option value='design2'>Design 2</option>
</select>
<input type=button value=Los! onclick=color()>
</form>

jetzt kommt die aufgerufene function „color()“ ins spiel:

<script>
function color()
{
var design= this.form.list.options[this.form.list.selectedIndex].value
{alert(design);}

// ...
}
</script>

die 3 punkte stehen für den nachfolgenden code, der hier unwichtig ist!
fügt man nach der zeile „{alert(design);}“ ein, so müsste ja eigentlich der wert ausgegeben werden, der unter dem formular für „list“ eingelesen wurde - doch unter netscape geschieht nichts! beim iexplorer geht jedoch alles reibungslos. kann mir jemand sagen, was ich machen muss, damit es auch unter netscape geht?

danke euer krüml

[Amer]

<input type=button value=Los! onclick=color()>

bei onclick muss die Funktion in "" stehen. Erst dann wird sie aufgerufen. Ansonsten bringt der Browser die Meldung "color() nicht definiert" oder "Objekt erforderlich"... Stimmt's ? :-) :-)

[krüml]

hi nochmal!
ich habe nur das problem, dass alles in einer scriptdatei steht (also datei.js) und somit alles unter "document.write" angezeigt wird. und wenn ich da anführungszeichen reinmach, dann kommt ja wieder ein neuer fehler:

document.write("...onclick=(")color(")...");

das geht nich mit den ""
ich probiers jetzt mal mit '

cu und danke
krüml

[krüml]

hi nochmal!
hab jetzt mit ' ausproBIERt ;-)
geh trotzdem nich! mit dem ie geht alles, aber wenn ich mit netscape draufgeh, dann klick ich und klick, da geht nix! die function wird auch aufgerufen nur mit der auswahl aus dem drop-down-menü kommt der nich klar ...

cu
krüml

[Amer]

Dann mach mal alle name-Tags und Funktionsaufrufe in '' oder "". In der ersten Zeile zum Beispiel. Und nehm nen anderen namen, ich glaub, der stört den Browser, weil er form als Objekt und nicht als name kennt. Nimm z.B. form1 oder so...

Und fang in der JS Funktion mit "document.all['form1'] ..." an.

[Tobias Müller]

Hallo krüml,

Erstmal solltest du die Attribute in den HTML-Tags in " " einschliessen.

var design= this.form.list.options[this.form.list.selectedIndex].value

Woher soll der Browser hier denn wissen, worauf du dich mit this beziehst? Schreib statt this.form document.forms[0] und dein Problem sollte behoben sein.

MfG Mülli