nicht angemeldet
Ausgabe in Textfeld
Hallölle,
bin sehr sehr neu was HTML und Javscript betrifft und habe mal eine Frage. Ich Habe ein Formular erstellt in dem zwei Textfelder sind. Nun habe ich es auch hinbekommen, dass die Werte automatisch als text zusammen gefasst werden.
Hier mal der Code dazu:
<html><head><title>Test</title>
</head><body>
<script type="text/javascript">
function setText () {document.getElementById("Text").firstChild.nodeValue =
document.getElementById("Hersteller").value
- document.getElementById("Typ").value;}
</script>
Hersteller: <input id="Hersteller" type="text" value="Hersteller" name="" onkeyup="setText ()"/><br><br>
Typ: <input id="Typ" type="text" value="Typ" name="" onkeyup="setText ()">
<div id="Text" style="font-size:1.4em; background-color:#FFFFCC; padding:10px;
border:solid 1px red"> </div>
</body></html>
Nun habe ich folgende Frage: Wenn ich bei Hersteller VW und bei Typ Golf eingebe, so wird dies leider hintereinander geschrieben. Ich möchte es aber gern wie folgt: VW; Golf;
Gibt es überhaupt die Möglichkeit dies so auszugeben? Oder gibt es gar eine simplere Lösung als das was ich gewählt habe?
Vielen Dank für eure Unterstützung
-
Hi,
<html><head><title>Test</title>
Es fehlt der Doctype.
Hersteller: <input id="Hersteller" type="text" value="Hersteller" name="" onkeyup="setText ()"/><br><br>
"Hersteller" sollte in einem label-Element sein.
Die br-Elemente sind eher unnötig, Abstände sollte man mit CSS erzeugen.Typ: <input id="Typ" type="text" value="Typ" name="" onkeyup="setText ()">
<div id="Text" style="font-size:1.4em; background-color:#FFFFCC; padding:10px;
border:solid 1px red"> </div>Die Style-Angaben sollten in ein externes Stylesheet ausgelagert werden.
Ich möchte es aber gern wie folgt: VW; Golf;
Hier baust du den String zusammen der in das Element mit der ID "Text" eingefügt wird:
function setText () {document.getElementById("Text").firstChild.nodeValue =
document.getElementById("Hersteller").value- document.getElementById("Typ").value;}
Du möchtest nun nach dem ersten value noch "; " und nach dem zweiten ";" anfügen.
Das funktioniert genauso wie du auch schon die zwei Werte zusammengefügt hast:document.getElementById("Hersteller").value + "; " + document.getElementById("Typ").value + ";";}~dave
-
Hi,
es funktioniert genau wie ich es mir vorgestellt habe. Vielen DAnk für deine Hilfe.
Frohe Weihnachten Gruß Rookie Joe