Hallo Gemeinde,
ich hänge irgendwo und komm nicht weiter.
Was will ich :
durch ein Dropdownmenü kann ich einen Namen auswählen.
Klicke ich diesen Namen an, wird in einem weiteren Textfeld z.B. das Geburtsdatum angezeigt. Soweit geht es ja auch, aber dann häng ich.
Ich will jetzt in einem 3. und 4. usw. Textfeld noch weitere Daten anzeigen, wie Durchwahl usw. Ich kann kein php verwenden, es muss also mit Javascript realisiert werden. Auch eine sql Datenbank fällt aus. Ich muss die ganzen Daten, so wie im Code ersichtlich definieren. Macht aber nichts, wird halt lang, aber das ist egal. Bin für jeden Vorschlag dankbar.
Hier der Code
!DOCTYPE html> <html>
<head>
<title>DropDown Durchwahl</title>
</head>
<body>
<div>
<select class="pulldown" name="Auswahl" id="Auswahl_Name">
<option value="1">Name1</option>
<option value="2">Name2</option>
<option value="3">Name3</option>
<option value="4">Name4</option>
</select>
<input type="hidden" name="ID_1" value="Durchwahl - 119"/>
<input type="hidden" name="ID_2" value="Durchwahl - 112"/>
<input type="hidden" name="ID_3" value="Durchwahl - 133"/>
<input type="hidden" name="ID_4" value="Durchwahl - 113"/>
<input type="text" id="textfeld" />
<input type="hidden" name="ID_100" value="01. Januar 1978"/>
<input type="hidden" name="ID_200" value="02. Februar 1967"/>
<input type="hidden" name="ID_300" value="03. März 1956"/>
<input type="hidden" name="ID_400" value="04. April 1987"/>
<input type="text" id="Gebdat" />
</div>
<script type="text/javascript">
var dropDown = document.getElementById('Auswahl_Name');
var textfeld = document.getElementById('textfeld');
var textfeld = document.getElementById('Gebdat');
dropDown.onchange = function() {
var hidden = document.getElementsByName('ID_' + this.value)[0];
if(hidden)
textfeld.value = hidden.value;
Gebdat.value = hidden.value;
};
</script>
</body>
</html>