tutorials.de - Textausgabe in Abhängigkeit einer Dropdown-Liste

by SpiceLab

HTML

<form name="GJ">
<label>Geburtsjahr:
<select name="GJ" id="GJ" onchange="myFunction()">
<option value="0">Bitte w&auml;hlen</option>
<option value="Das ist die 1. Textausgabe">1900</option>
<option value="Das ist die 2. Textausgabe">1901</option>
<option value="Das ist die 3. Textausgabe">1902</option>
<option value="Das ist die 4. Textausgabe">1903</option>
<option value="Das ist die 5. Textausgabe">1904</option>
<option value="Das ist die 6. Textausgabe">1905</option>
<option value="Das ist die 7. Textausgabe">1906</option>
<option value="Das ist die 8. Text">1907</option>
<option value="Das ist die 9. Textausgabe">1908</option>
<option value="Das ist die 10. Textausgabe">1909</option>
<option value="Das ist die 11. Textausgabe">1910</option>
<option value="Das ist die 12. Textausgabe">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...

JavaScript

function myFunction() {
    var x = document.getElementById("GJ").value;
    document.getElementById("demo").innerHTML = x;
}