Textausgabe in Abhängigkeit einer Dropdown-Liste

BloodyRuler

Grünschnabel
Hallo zusammen,
Ich möchte eine HTML-Datei schreiben, in der sofort nach der Auswahl eines Dropdown-Elements (also ohne einen zusätzlichen Button) eine bestimmte Textausgabe erhalte.
Meine Dropdown-Liste:
Code:
<html>
<head>
</head>
<body>
<form name="GJ">
<label>Geburtsjahr:
<select name="GJ">
<option value="0">Bitte w&auml;hlen</option>
<option value="1">1900</option>
<option value="2">1901</option>
<option value="3">1902</option>
<option value="4">1903</option>
<option value="5">1904</option>
<option value="6">1905</option>
<option value="7">1906</option>
<option value="8">1907</option>
<option value="9">1908</option>
<option value="10">1909</option>
<option value="11">1910</option>
<option value="12">1911</option>

<option value="1">1912</option>
<option value="2">1913</option>
<option value="3">1914</option>
<option value="4">1915</option>
<option value="5">1916</option>
<option value="6">1917</option>
<option value="7">1918</option>
<option value="8">1919</option>
<option value="9">1920</option>
<option value="10">1921</option>
<option value="11">1922</option>
<option value="12">1923</option>

<option value="1">1924</option>
<option value="2">1925</option>
<option value="3">1926</option>
<option value="4">1927</option>
<option value="5">1928</option>
<option value="6">1929</option>
<option value="7">1930</option>
<option value="8">1931</option>
<option value="9">1932</option>
<option value="10">1933</option>
<option value="11">1934</option>
<option value="12">1935</option>

<option value="1">1936</option>
<option value="2">1937</option>
<option value="3">1938</option>
<option value="4">1939</option>
<option value="5">1940</option>
<option value="6">1941</option>
<option value="7">1942</option>
<option value="8">1943</option>
<option value="9">1944</option>
<option value="10">1945</option>
<option value="11">1946</option>
<option value="12">1947</option>

<option value="1">1948</option>
<option value="2">1949</option>
<option value="3">1950</option>
<option value="4">1951</option>
<option value="5">1952</option>
<option value="6">1953</option>
<option value="7">1954</option>
<option value="8">1955</option>
<option value="9">1956</option>
<option value="10">1957</option>
<option value="11">1958</option>
<option value="12">1959</option>

<option value="1">1960</option>
<option value="2">1961</option>
<option value="3">1962</option>
<option value="4">1963</option>
<option value="5">1964</option>
<option value="6">1965</option>
<option value="7">1966</option>
<option value="8">1967</option>
<option value="9">1968</option>
<option value="10">1969</option>
<option value="11">1970</option>
<option value="12">1971</option>

<option value="1">1972</option>
<option value="2">1973</option>
<option value="3">1974</option>
<option value="4">1975</option>
<option value="5">1976</option>
<option value="6">1977</option>
<option value="7">1978</option>
<option value="8">1979</option>
<option value="9">1980</option>
<option value="10">1981</option>
<option value="11">1982</option>
<option value="12">1983</option>
<option value="1">1984</option>
<option value="2">1985</option>
<option value="3">1986</option>
<option value="4">1987</option>
<option value="5">1988</option>
<option value="6">1989</option>
<option value="7">1990</option>
<option value="8">1991</option>
<option value="9">1992</option>
<option value="10">1993</option>
<option value="11">1994</option>
<option value="12">1995</option>
<option value="1">1996</option>
<option value="2">1997</option>
<option value="3">1998</option>
<option value="4">1999</option>
<option value="5">2000</option>
<option value="6">2001</option>
<option value="7">2002</option>
<option value="8">2003</option>
<option value="9">2004</option>
<option value="10">2005</option>
<option value="11">2006</option>
<option value="12">2007</option>
</select>
</label>
</form>
</body>
</html>
Ich möchte also für jeden value einen anderen Text haben.
Die Frage: Geht das überhaupt? Wenn ja, würdet ihr mir das schreiben/ergänzen?

Danke schonmal
~BloodyRuler
 
Könntest du das bitte in meinem Code ergänzen?
Sorry ich steh' gerade voll auf'm Schlauch:(
Also das mit dem onchange hab ich verstanden
Nur die Textausgabe krieg ich nich hin
(Man merkt, dass mein letztes Mal Javascript schon n bisschen her ist, oder?)
 
Zuletzt bearbeitet:
Okay,
so weit so gut
Gibt es auch die Möglichkeit, auf eine entsprechende andere Seite/Datei weiterzuleiten?
Ich müsste nämlich längere Texte schreiben und die später mit Css stylen.
Alleine schon weil die Texte so lang sind...
Ich habs so versucht:
HTML:
<script>
function myFunction() {
    window.location.href(document.getElementById("GJ").value)
}
</script>
Aber da passiert nichts :(

Aber Danke für eure Hilfe bis hier :)
 
Hi

Wenn du vor die window-Zeile noch ein alert(document.getElementById("GJ").value); einbaust, was passiert dann?

Welche Ausgabe bzw. kommt überhaupt eine?
 
Dann wird die Funktion gar nicht aufgerufen.
Wie sieht der Codeteil aus, wo onchange verwendet wird?
 
HTML:
<form name="GJ">
  <label>Geburtsjahr:
    <select name="GJ" id="GJ" onchange="myFunction(this.form)">
      <option value="0">Bitte wählen</option>
      <option value="http://domain.de/seite1.htm">1900</option><!-- Seite 1 mit HTTP-Protokoll -->
      <option value="seite2.htm">1901</option><!-- Seite 2 ohne HTTP-Protokoll-->
      <!-- ... -->
    </select>
  </label>
</form>
Javascript:
function myFunction(form) {
  var myindex=form.GJ.selectedIndex
  if (form.GJ.options[myindex].value != "0") {
  location=form.GJ.options[myindex].value;}
}
 
Zurück