Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] Wert aus Input im selben Script ausgeben?

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] Wert aus Input im selben Script ausgeben?

    Guten Abend,

    ich habe gerade ein Problem wozu ich keine Lösung in der Suche oder bei Google finde.

    Zu meinem Problem :

    Ich habe ein Input feld wo ein User eine Zahl eingeben kann. Diesen Wert möchte ich dann direkt im selben Script ausgeben.
    Das bedeutet : Ich gebe in das Input feld 50 ein und dann soll auf der gleichen Seite stehen : Sie haben den Wert 50 eingegeben. Ohne ne neue Seite aufzurufen.
    Ich habe kaum Kenntnisse in Javascript / Ajax / Jquery und deswegen möchte ich mal fragen ob dies überhaupt möglich ist ?

    MFG

  • #2
    Ja.

    Kommentar


    • #3
      Super Antwort

      Könntest du mir auch einen Ansatz geben wie dies funktionieren könnte ?
      Oder mir sagen mit welchem Event handler oder sonstiges ist dies umsetzen könnte ?

      MFG

      Kommentar


      • #4
        Oder mir sagen mit welchem Event handler
        Das kommt darauf an, welches Event die Anzeige auslösen soll. Aus Deinem „und dann“ kann ich das nicht herauslesen.
        und dann soll auf der gleichen Seite stehen
        Super Antwort
        Was hast Du denn bitte erwartet?
        Ich habe kaum Kenntnisse in Javascript / Ajax / Jquery und deswegen möchte ich mal fragen ob dies überhaupt möglich ist ?

        Ich habe kaum Kenntnisse in Javascript
        Super Voraussetzungen

        Kommentar


        • #5
          Hallo.

          Ich habe kaum Kenntnisse in Javascript / Ajax / Jquery
          Dan solltest du anfangen dir da Kenntnisse anzueigenen, zumindest solltest du wissen wie du mit dem DOM in JS umgehen musst, sonst wirst du da auch in JQuery nicht durchsteigen.

          Belies dich über Eventhandler, in deinem Fall onkeyup oder onkeydown.

          Zu deine eigentlichen Frage, ja es ist möglich.

          Gruß Litter

          Kommentar


          • #6
            Hallo,

            also ich habe ein Inputfeld wo ich einen Wert eingebe. Wenn ich dann an einer andere Stelle klicke (oder evtl. sogar nur weg hover vom Inputfeld) soll der eingegebene Wert auftauchen.

            HTML-Code:
            <input type="text" name="feld" value="" />
            < div id="ausgabe">Hier soll das ausgegeben werden was im Input eingegeben wurde</div>
            Also kann mir nun einer helfen ?

            Kommentar


            • #7
              Hallo, dies war meine Suchanfrage bei Google:

              append a text input into div box

              Da findest du genügend Beispiele.

              Code:
              <html>
              <head>
              <script type="text/javascript">
              function sendtoDiv(){
              document.getElementById("divbox").innerHTML = document.getElementById("textarea").innerHTML;
              }
              </script>
              </head>
              
              <body>
              
              <textarea id="textarea" onkeyup="sendtoDiv()"></textarea>
              <div id="divbox"></div>
              
              </body>
              </html>
              gruss

              Kommentar


              • #8
                Also das was du da gepostet hast funktioniert nicht. Aber danke für den Ansatz ich denke des hilft mir weiter .

                MFG

                Kommentar


                • #9
                  .value und nicht .innerHTML wenn du mit <input type="text" name="feld" value="" /> arbeitest.

                  Kommentar


                  • #10
                    Eine js-funktion kann auch mit Parametern arbeiten.
                    Code:
                    function sendtoDiv(inp,divId){
                    document.getElementById(divId).innerHTML = inp.value;
                    }
                     :
                    
                    <input type="text" name="feld" value="" onblur='sendtoDiv(this,"divbox")'/>
                    <div id="divbox"></div>
                    nicht getestet.

                    Kommentar

                    Lädt...
                    X