Hallo allerseits,
ich soll als eine Aufgabe bei Auswahl einer Option einer Auswahlliste dafür sorgen, dass über eine Funktion sich unter der Auswahlliste daraufhin ein neues Textfeld öffnet, in das etwas eingegeben werden kann. Als Tipp stand dabei man sollte innerHTML dafür verwenden. Ich habe schon viele Möglichkeiten ausprobiert und auch im Internet nichts wirklich dazu gefunden :/.
Das habe ich bisher, aber es funktioniert nicht. Könnt ihr mir helfen, was mache ich falsch?
HTML-Code:
<select id="anliegen" name="anliegen" required>
<option value="">bitte auswählen</option>
<option value="Ticketbestellung" >Ticketbestellung</option>
<option value="Presseanfrage">Presseanfrage</option>
<option value="Sonstiges">Sonstiges</option>
</select>
<div id="Verlag"></div>
<div id="Gesamt"></div>
(ist natürlich alles im <form> tag)
Javascript-Code:
var anlieg=document.getElementById('anliegen');
anlieg.onchange= function aendern () {
if(value=="Ticketbestellung") {
var show= document.getElementById('Verlag');
show.innerHTML= "<label for='verlagtext'>Verlag:</label> <br><input type='text' name='verlagtext' id='verlagtext' maxlength='50' value=''>";
}
}
Warum funktioniert das mit dem div Container und innerHTML nicht?
LG
ich soll als eine Aufgabe bei Auswahl einer Option einer Auswahlliste dafür sorgen, dass über eine Funktion sich unter der Auswahlliste daraufhin ein neues Textfeld öffnet, in das etwas eingegeben werden kann. Als Tipp stand dabei man sollte innerHTML dafür verwenden. Ich habe schon viele Möglichkeiten ausprobiert und auch im Internet nichts wirklich dazu gefunden :/.
Das habe ich bisher, aber es funktioniert nicht. Könnt ihr mir helfen, was mache ich falsch?
HTML-Code:
<select id="anliegen" name="anliegen" required>
<option value="">bitte auswählen</option>
<option value="Ticketbestellung" >Ticketbestellung</option>
<option value="Presseanfrage">Presseanfrage</option>
<option value="Sonstiges">Sonstiges</option>
</select>
<div id="Verlag"></div>
<div id="Gesamt"></div>
(ist natürlich alles im <form> tag)
Javascript-Code:
var anlieg=document.getElementById('anliegen');
anlieg.onchange= function aendern () {
if(value=="Ticketbestellung") {
var show= document.getElementById('Verlag');
show.innerHTML= "<label for='verlagtext'>Verlag:</label> <br><input type='text' name='verlagtext' id='verlagtext' maxlength='50' value=''>";
}
}
Warum funktioniert das mit dem div Container und innerHTML nicht?
LG