✔ Aus Input-Feld lesen und in HTML schreiben (jQuery)

[aurus]

Hallo,

ich versuche gerade die Eingaben aus einem Input Feld zu lesen und synchron woanders hinzuschreiben. Ich habe es derzeit mit zwei Input-Feldern gelöst. Das funktioniert wie gewünscht:

$("#forename").keyup(function() {
     $("#forename2").val( this.value );
});

Das zweite Feld soll aber nicht unbedingt ein Input-Feld sein. Ich würde das gerne einfach in ein HTML-Tag schreiben. Zum Beispiel in ein span oder so. Da hänge ich im Moment fest. Ich benutze dazu "keypress", arbeite aber das erste Mal damit.

 $("#forename").bind('keypress', function(e){
       $("#forename2").append(e.which);
});

Die IDs würden sich hier überschneiden, aber das ist nebensächlich bzw. einen Teil habe ich immer auskommentiert. Mit obigen Code komme ich soweit, dass ich den Tastencode bekomme und ihn an ein HTML-Tag hänge. Wie bekomme ich nicht den Code, sondern den Wert? Value geht nicht.

Wenn der User aus dem Input-Feld etwas löscht, wird das jetzt ja nicht berücksichtigt, im ersten Beispiel mit zwei Feldern hingegen schon. Lässt sich das gleiche für unteres Beispiel auch erreichen? Und am liebsten ohne viel Code^^

 

[Parantatatam]

Versuch mal e.value zu nutzen. Es könnte allerdings sein, dass er dir in diesem Fall den kompletten Inhalt des Eingabefeldes liefert.

 

[CPoly]

Value geht nicht.

In deinem ersten Beispiel geht es doch auch?

$('#forename-in').keyup(function() {
    $('#forename-out').text(this.value);
});

Ich würde dir das "oninput" event empfehlen. Leider erst ab IE 9. Aber das kann man in deinem Fall mit einem Timer umgehen: http://jsfiddle.net/VTpcv/

 

[aurus]

Danke euch beiden
Das OnInput-Event gefällt mir. Damit werde ich es wohl machen. Ab IE9 stört mich nicht wirklich^^
Und wenn es doch Probleme gibt mache ich es halt mit einem zweiten Input-Feld, "entstelle" es dann aber soweit, dass man es nicht mehr erkennt und nicht reinschreiben kann.