Wie mache ich JavaScript "dynamisch"?

[Arthur Dent]

Morgäähn,

Ich möchte gerne einen Text innerhalb eines HTML-Dokumentes dynamisch - basierend auf der Select-Box-Auswahl des Benutzers - ändern.

Dazu habe ich folgende Abfrage erstellt:

(...)

<SELECT name="options">
<OPTION value="a" onClick="value=1">Option 1</option>
<OPTION value="b" onClick="value=1">Option 2</option>
</SELECT>

<SCRIPT LANGUAGE="JavaScript">

if (value==1){
document.write("Hello World");
}

</SCRIPT>

(...)

Nun ist es ja so, dass die if-Anfrage bereits ausgeführt wurde - und negativ war - bevor der Nutzer überhaupt die onClick-Methode ausführen konnte.

also, mal angenommen, <option> hätte ein onclick-Event (was nicht der Fall ist!), dann müsstest du hier eine Funktion aufrufen, z.B. onclick="foo(1);" und in deinen Script-Bereich (welcher dann übrigens in den head deiner Seite gehört und sich über ein text="type/javascript" freuen würde), müsstest du dann die Funktion foo(value) definieren:

  
<script type="text/javascript">  
funtion foo(value)  
{  

> if (value==1){  
> document.write("Hello World");  
> }  

}  
</script>  

allerdings hat option kein onclick, deshalb muss der abzufragende Wert in das value-Attribut von option und der Funktionsaufruf ins onchange-Event des <select>

  

> <SELECT name="options" onchange="foo(this.value);">  
> <OPTION value="1">Option 1</option>  
> <OPTION value="2">Option 2</option>  
> </SELECT>  

Gruß,
Arthur D.