Auswahlliste mit Funktion verknüpfen

avenuetoni

Mitglied
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&auml;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 :)
 

Thallius

Top Contributor
Ich habe mich verguckt und deshalb war meine Antwort falsch.

Hast Du mal einfach einen alert("Test"); oder so in deine onchange() gemacht um zu sehen ob die überhaupt aufgerufen wird?
 

JStein52

Top Contributor
Ohne dass ich jetzt eine Ahnung von innerHTML hätte sehe ich nur dass die Anzahl von Gänsefüsschn (") in dieser Anweisung irgendwie nicht paarweise ist. Kann es so was sein ?
 

Thallius

Top Contributor
Ohne dass ich jetzt eine Ahnung von innerHTML hätte sehe ich nur dass die Anzahl von Gänsefüsschn (") in dieser Anweisung irgendwie nicht paarweise ist. Kann es so was sein ?

Das war auch meine erste Antwort aber wenn Du mal genau hinsiehst, dann erkennt man, dass das vorletzte Gänsefüßchen eigentlich zwei einfach Hochkomma sind und damit stimmt es wieder ;)

Gruß

Claus
 

truesoul

Top Contributor
Hallo

HTML:
<html>
<head>

</head>
<body>

<script>
    var onchange= function () {
    alert("HI");
    }
</script>
<select id="anliegen" name="anliegen" onchange="onchange()">
<option value="">bitte ausw&auml;hlen</option>
<option value="Ticketbestellung" >Ticketbestellung</option>
<option value="Presseanfrage">Presseanfrage</option>
<option value="Sonstiges">Sonstiges</option>
</select>
</body>
</html>

ansonsten überprüft ob var anliegen != null ist?

Oder mit:

HTML:
document.getElementById("anliegen").addEventListener("onchange", function(){
    alert("HI");
});

P.S Na dann ist das Problem ja gelöst :)

Grüße
 
Zuletzt bearbeitet:

Thallius

Top Contributor
Vielleicht kann ein Mod das mal ins Javascript verschieben?

Interessant das kann ich selber... Da ist wohl was schief gelaufen beim Ändern meines Status....
 

JStein52

Top Contributor
@truesoul : Ja, deine Codefragmente funktionieren, und das funktioniert auch:

HTML:
<body>

<script>
    var onchange= function () {
         var show= document.getElementById('Verlag');
         show.innerHTML= "<label for='verlagtext'>Verlag:</label> <br><input type='text' name='verlagtext' id='verlagtext' maxlength='50' value=''>";
    }
</script>
<select id="anliegen" name="anliegen" onchange="onchange()">
<option value="">bitte ausw&auml;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>
</body>

Aber vielleicht kann der TO mal sagen was genau bei ihm nicht funktioniert ?
 

JStein52

Top Contributor
Und so funktioniert überigens auch die Abfrage auf Ticketbestellung:

HTML:
<script>
    var onchange= function () {
         var anlieg=document.getElementById('anliegen');
         if (anlieg.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=''>";
         }
     }
</script>
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
S Verweise einer Auswahlliste in einem IFrame anzeigen Angular, React, JQuery - Fragen zu JavaScript 5
H Funktion aufrufen ohne Button Angular, React, JQuery - Fragen zu JavaScript 14
M Funktion in einer Funktion Angular, React, JQuery - Fragen zu JavaScript 1
Lighty Math.pow funktioniert nicht innerhalb Funktion/Schleife Angular, React, JQuery - Fragen zu JavaScript 7
pkm Frage zu Parametern bei der toLocaleString-Funktion von Date Angular, React, JQuery - Fragen zu JavaScript 3
R Wenn-Dann-Funktion in einem Adobe Acrobat Formular Angular, React, JQuery - Fragen zu JavaScript 0
X Mehrfaches Nutzen einer Funktion Angular, React, JQuery - Fragen zu JavaScript 1
P Funktion aufrufen Angular, React, JQuery - Fragen zu JavaScript 1
Anfänger2011 Ergebnis einer Funktion direkt in Variable speichern Angular, React, JQuery - Fragen zu JavaScript 6
L Wenn Dann Funktion Angular, React, JQuery - Fragen zu JavaScript 13
E Darf anonyme Funktion Parameter haben ? Angular, React, JQuery - Fragen zu JavaScript 4
F JavaScript replace funktion Angular, React, JQuery - Fragen zu JavaScript 1
L Javascript Maus Funktion Angular, React, JQuery - Fragen zu JavaScript 4
Kenan89 JS OO Funktion wird falsch aufgerufen Angular, React, JQuery - Fragen zu JavaScript 2
G Funktion mit Onload vom Body nur einmal ausführen Angular, React, JQuery - Fragen zu JavaScript 9
S Kleine JS-Funktion funktioniert im Firefox nicht wie sie sollte Angular, React, JQuery - Fragen zu JavaScript 9
M Problem mit Java-Funktion Angular, React, JQuery - Fragen zu JavaScript 3
R onload Aufruf einer Funktion in einer Funktion Angular, React, JQuery - Fragen zu JavaScript 2
A Problem mit checkdate-Funktion. Angular, React, JQuery - Fragen zu JavaScript 3
L Funktion und Variablen Angular, React, JQuery - Fragen zu JavaScript 4
G php funktion in java einfügen Angular, React, JQuery - Fragen zu JavaScript 6
C JS funktion funktioniert nicht / wird nicht aufgerufen. Angular, React, JQuery - Fragen zu JavaScript 2
M Funktion "Speichern Unter" abschalten. Angular, React, JQuery - Fragen zu JavaScript 14
T wie kann ich daraus eine Funktion machen? Angular, React, JQuery - Fragen zu JavaScript 2
M Array Rückgabe wert an andere Funktion ? Angular, React, JQuery - Fragen zu JavaScript 2
C Javascript problem links ohne funktion Angular, React, JQuery - Fragen zu JavaScript 12
C JavaScript Menü, Funktion hinzufügen Angular, React, JQuery - Fragen zu JavaScript 5
J 2x Input verknüpfen Angular, React, JQuery - Fragen zu JavaScript 14
K Liste mit button onclick verknüpfen Angular, React, JQuery - Fragen zu JavaScript 3

Ähnliche Java Themen

Neue Themen


Oben