[HTML5/JS/jQuery]Endring av html elemtenter tilbakestilles

High Magus

31. oktober 2013

Hei, jeg har laget en form med navn "updateGame" og navnene på input er "f11", "f12" osv slik dere ser på følgende bilde.
http://i.imgur.com/pbkZv6b.png
Hvis dere ser videre på koden så oppdaterer den en og en av boksene med en ny verdi som man gir i formen.
Problemet mitt er at etter jeg trykker OK på den siste alert varselen så går alle verdiene tilbake automatisk til de orginale verdiene.

Fullstendig kode:
HTML: http://pastebin.com/fQrG5st9
javascript: http://pastebin.com/8DL3bAtk

CSS: http://pastebin.com/xPUkbMXW

Har nå funnet løsning på "problemet" mitt. Når jeg trykke på knappen for å sende formen lastet den siden på nytt. Jeg fjernet onClick fra submit knappen

Kode

<input type="submit" name="oppdater" onClick=runUpdate()>

og endret form elementet til:

Kode

<form onsubmit="runUpdate(); return false;" name="updateGame">

Koden til formen ble da:

Kode

<form onsubmit="runUpdate(); return false;" name="updateGame">
			Set 1: <input type="text" name="f11"><input type="text" name="f12"> <br>
			Set 2: <input type="text" name="f21"><input type="text" name="f22"> <br>
			Set 3: <input type="text" name="f31"><input type="text" name="f32"> <br>
			Set 4: <input type="text" name="f41"><input type="text" name="f42"> <br>
			Set 5: <input type="text" name="f51"><input type="text" name="f52"> <br>
			Set 6: <input type="text" name="f61"><input type="text" name="f62"> <br>
			Set 7: <input type="text" name="f71"><input type="text" name="f72"> <br>
			Set 8: <input type="text" name="f81"><input type="text" name="f82"> <br>
			<input type="submit" name="oppdater">
		</form>