webForumDet fria alternativet

Formulär som skriver innehållet på sidan

JavaScript

3 svar · 109 visningar · startad av annaco

Medlem sedan apr. 200772 inlägg
Frågan#1

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!

Medlem sedan apr. 200772 inlägg
#2

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?

Medlem sedan maj 20071 061 inlägg
#3

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....

Medlem sedan mars 20034 471 inlägg
#4

[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).

250 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
116 ms — deklarationer (db)
0 ms — hämta statistik (cache)
129 ms — hämta tråd, inlägg och bilagor (db)
118 ms — ändringar (db)