tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
240
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. #1
    aurus aurus ist offline Mitglied Bronze
    Registriert seit
    Jun 2011
    Beiträge
    29
    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:

    Code :
    1
    2
    3
    
    $("#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.

    Code :
    1
    2
    3
    
     $("#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
     

  2. #2
    Avatar von einfach nur crack
    einfach nur crack einfach nur crack ist offline mag Cookies & Kekse
    tutorials.de Premium-User
    Registriert seit
    May 2007
    Ort
    Dresden (Sachsen)
    Beiträge
    1.960
    Versuch mal e.value zu nutzen. Es könnte allerdings sein, dass er dir in diesem Fall den kompletten Inhalt des Eingabefeldes liefert.
     
    Ich mag:
    • positive Bewertungen meiner Beiträge
    • ein Danke für meine hilfreichen Beiträge

    Dabei kann ich dir helfen: PHP --- Javascript --- Ruby --- Coffeescript --- CSS --- HTML --- Webtechnologien --- Shell --- UNIX

    ... noch was: falls du mit dem Thema hier fertig bist, dann kannst du es auch als erledigt markieren.

  3. #3
    CPoly CPoly ist offline Mitglied Weizenbier
    tutorials.de Premium-User
    Registriert seit
    Sep 2009
    Beiträge
    2.445
    Zitat Zitat von aurus Beitrag anzeigen
    Value geht nicht.
    In deinem ersten Beispiel geht es doch auch?

    Code javascript:
    1
    2
    3
    
    $('#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/
     

  4. #4
    aurus aurus ist offline Mitglied Bronze
    Registriert seit
    Jun 2011
    Beiträge
    29
    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.
     

Ähnliche Themen

  1. Antworten: 4
    Letzter Beitrag: 03.11.08, 21:01
  2. Input feld verstecken!
    Von Pranox im Forum HTML & XHTML
    Antworten: 2
    Letzter Beitrag: 08.03.08, 13:43
  3. HTML-Input-Feld-wert einer Variable zuweisen
    Von realm C im Forum Javascript & Ajax
    Antworten: 7
    Letzter Beitrag: 06.10.07, 15:37
  4. Antworten: 1
    Letzter Beitrag: 03.12.06, 15:39
  5. URL aus Input-Feld lesen und im Fenster ausgeben
    Von todi im Forum Javascript & Ajax
    Antworten: 5
    Letzter Beitrag: 08.05.05, 23:06