HTML Dropdown List eine Funktion verleihen

[RageComics]

Ich versuche eine Dropdown Liste zu erstellen, wobei, wenn man eine Option auswählt, ein Text darunter erscheinen soll. Für jede Option soll es einen eigenen, festgelegten Text geben. Da ich leider bis jetzt nichts gefunden habe, was mir weiterhelfen könnte, frage ich hier einmal nach. Ich werde ausserdem nochmal meinen Quelltext posten:

<form name="test" action="">
<select name="liste">
<option value="select" selected="selected">W&auml;hlen Sie eine Option aus</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</form>

 

[Flup]

Wird wohl nur mit HTML nicht klappen, darfs etwas JavaScript sein?

Ungetesteter Vorschlag dafür:

<script type="text/javascript">
  function showText(index)
    {
    document.getElementById("text"+index).style.display= "block";
    }
</script>


<form name="test" action="">
  <select name="liste">
    <option value="select" selected="selected">W&auml;hlen Sie eine Option aus</option>
    <option value="1" onSelect="showText(1)">1</option>
    <option value="2" onSelect="showText(2)">2</option>
  </select>
</form>

<p id="text1" style="display:none;"> Text für Option 1 </p>
<p id="text2" style="display:none;"> Text für Option 2 </p>

 

[RageComics]

geht leider nicht, hättest du noch eine idee?

 

[Lawnmower]

vielleicht statt onselect auf das option Element eher mit onchange auf das Select Element und dann mit this.value.
Also etwa so

<select name="liste" onchange="showText(this.value)">

 

[Tumbleweed]

Am besten direkt mit jQuery (o.ä.) arbeiten, sonst geht das wieder in irgendwelchen IE-Versionen nicht.

Google mal nach "jquery select on change". Die Beispiele kommen an deins schon sehr nah ran.