---
title: "Formulär som skriver innehållet på sidan"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/2399245-formulär-som-skriver-innehållet-på-sidan"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "annaco"
published: "2016-03-20T11:31:15.000Z"
updated: "2016-03-27T19:40:50.000Z"
replies: 3
views: 131
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/2399245-formulär-som-skriver-innehållet-på-sidan"
---

# Formulär som skriver innehållet på sidan

## #1 — annaco, 2016-03-20T11:31Z

Hej!

Jag håller på att skapa ett formulär som ska skriva ut datat som skrivs in i formuläret på samma sidan som formuläret är.

Hur jag än gör så får jag ingen utskrift på sidan. Vad gör jag för fel?

\<body\>

    \<form name="form" id="myForm" method="post" action=""\>
        För och efternamn:\<br\>
        \<input type="text" name="name" id="yourFirstName"\>
        
        \<input type="submit" id="btn" value="Skicka formuläret"\>
    \</form\>    
    
    \<div id="response"\>\</div\>

script-filen:

var yourNewAge, yourNewName;

function init(){
    var response = document.getElementById("response");
    var form = document.forms\["myForm"\];

    var button = document.getElementById("btn");

    button.addEventListener("click", submit);
}window.addEventListener("load", init);

function submit(){
    alert("submit");

    var firstNameTag = document.getElementById("yourFirstName");
    var yourFirstName = firstNameTag.value;

    response.innerHTML= "\<br\>Du heter: "+ yourFirstName;
}

Tack på förhand!

Permalänk: https://www.webforum.nu/p/2399245

## #2 — annaco, 2016-03-20T15:19Z

Har efter mycket felsökande kommit fram till att inläsninngen fungerar men svaret skrivs bara ut väldigt snabbt och försvinner när formuläret nollställs.
Hur gör jag för att svaret ska ligga kvar på sidan?

Permalänk: https://www.webforum.nu/p/2399246

## #3 — Mr T, 2016-03-22T19:46Z

Var länge sedan jag höll på med detta, men om minnet inte sviker så ska du på submit knappen lägga ett javascript som säger att den inte ska utföra ett "hopp" till nästa sida. Som default är det nämligen så att knappen submit kommer i ditt fall - då ingen url finns att hoppa till - att gå till denna sidan, det vill säga ladda om sidan. det är troligen det du uppfattar som att texten inte ligger kvar.

 Någon med bättre minne får gärna rätta mig.

Vet att det finns exempel på detta. Hittade vid en snabb sökning detta som kanske kan vara något : 
<http://www.webdesignskolan.se/javascripts/forms/avaktivera_submit.php>

Hoppas det hjälper....

Permalänk: https://www.webforum.nu/p/2399253

## #4 — aasah, 2016-03-27T19:40Z

\[USER="12121"\]annaco\[/USER\] Om inte mitt minne sviker mig så borde du under action skriva in URL: en till den sida du står på så att submitt-knappen skickar dig tillbaka till den sida du kommer från (alltså samma sida).

Permalänk: https://www.webforum.nu/p/2399277

---

Tråden på webben: https://www.webforum.nu/amne/javascript/2399245-formulär-som-skriver-innehållet-på-sidan