nicht angemeldet
input bzw div automatisch mit formulareingabe ändern
Ich habe ein Problem. Mein Problem liegt vielleicht in meiner mangelnden JavaScript Kenntniss, aber dafür gibt es ja zum Glück dieses Forum.
Ich habe ein Formular. Hier gibt es ein Input-Feld:
<input type="text" name="email" />
Jetzt würde ich gerne, sobald ein User hier eine Eingabe macht, diese Eingabe automatisch in ein zweites Input-Feld oder in ein div schreiben.
Kann mir da jemand helfen??
-
Hallo max,
Jetzt würde ich gerne, sobald ein User hier eine Eingabe macht, diese Eingabe automatisch in ein zweites Input-Feld oder in ein div schreiben.
Verwende das onchange-Event um eine Änderung festzustellen und eine Funktion aufzurufen, die den Text aus dem aktuellen Feld in das andere schreibt.
Hilfreich könnten sein:
http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onchange
http://de.selfhtml.org/javascript/objekte/document.htm#get_element_by_id
http://de.selfhtml.org/javascript/objekte/elements.htm#valueGrüße
David--
>>Nobody will ever need more than 640k RAM!<<
1981 Bill Gates -
abend,
<HTML><HEAD><TITLE> copy </TITLE>
<script type="text/javascript">
function copyValue(the_value) {
document.getElementsByName("output")[0].value = the_value
}
</script>
</HEAD>
<BODY>
<input type="text" name="input" onKeyUp="copyValue(this.value)">
<!-- <input type="text" name="input" onChange="copyValue(this.value)"> -->
<input type="text" name="output">
</BODY>
</HTML>
mfg,
(tanz das)
Z.N.S.--
<img src="http://www.comunicout.com/zebulon/en.gif" border="0" alt="">
.:LIFE ON OTHER PLANETS IS DIFFICULT:.-
danke für die vielen tipps. nur jetzt habe ich noch größeres vor:
und ich schon wieder eine frage an die vielen schlauen füchse hier...
zwei Eingabefelder:
<inut type="text" name="name" />
<inut type="text" name="email" />sollen auf ein Ausgabefeld, so dass dann zu lesen ist: "name <email>"
<input type="text" readonly="readonly" / name="output">geht das denn auch? und wie funzt das mit einem div als "Ausgabemedium"? Kann das sein, dass mein Mozilla die getElementById nicht mag??
-
abend,
aber nur weil heute so schönes wetter war ;-)
..ansonsten http://de.selfhtml.org/
<HTML><HEAD><TITLE> buildEMail </TITLE>
<script type="text/javascript">
function copyValue() {
curName = document.getElementsByName("name")[0].value;
curEmail = ( document.getElementsByName("email")[0].value.length <= 0 )
? 'no@email.com'
: document.getElementsByName("email")[0].value;
outputstring = curName + " <" + curEmail + ">";
document.getElementsByName("output")[0].value = outputstring
}
</script>
</HEAD>
<BODY>
Name: <input type="text" name="name" onKeyUp="copyValue()"><br>
EMail: <input type="text" name="email" onKeyUp="copyValue()"><br>
<hr>
Output:
<input type="text" name="output" size=50 readonly>
</BODY>
</HTML>
mfg,
(tanz das)
Z.N.S.--
<img src="http://www.comunicout.com/zebulon/en.gif" border="0" alt="">
.:LIFE ON OTHER PLANETS IS DIFFICULT:.-
ein dank an das schöne wetter!!!!
ich habe mir trotz selfHTML immer den output aus einem feld überschrieben. wenn ich also im feld name eine eingabe gemacht hatte, wurde die email überschrieben und umgekehrt. aber deine zeilen sind genau das, was ich gesucht habe.
danke Z.N.S
gruß max
-
-
-
-
Hallo max,
Jetzt würde ich gerne, sobald ein User hier eine Eingabe macht, diese Eingabe automatisch in ein zweites Input-Feld oder in ein div schreiben.
schau dir mal http://de.selfhtml.org/javascript/objekte/node.htm#node_value an - wenn du die Funktion bei onkeyup (->http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onkeyup) im input aufrufst, sollte das Beispiel genau das machen was du willst.
Grüße aus Nürnberg
Tobias--
Selfcode: sh:( fo:) ch:? rl:( br:< n4:& ie:% mo:| va:) de:] zu:) fl:( ss:| ls:[ js:| -
wow, das ging ja super schnell mit konstuktiven antworten.
vielen dank.
leider wusste ich vorher nicht so richtig nach was ich suchen sollte, aber ihr habt mir jetzt ja genug links gegeben.
damit wird das klappen...