---
title: "byta till html-kod i ett formulär"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/116161-byta-till-html-kod-i-ett-formulär"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "costodia"
published: "2004-11-18T10:31:01.000Z"
updated: "2004-11-18T19:12:32.000Z"
replies: 8
views: 342
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/116161-byta-till-html-kod-i-ett-formulär"
---

# byta till html-kod i ett formulär

## #1 — costodia, 2004-11-18T10:31Z

Jag har ett forumlär som nästan ser ut såhär:

```
<form method="post" action="http://www.niklasson.net/form/mail.php">
<input type="hidden" name="id" value="9999">
<input type="text" name="epost" size="25">
<input type="submit" value="Skicka">
</form>
```

 

Det jag vill ha är ett javascript som ändrar så att när användaren trycker på "Skicka" så blir det istället

```
<a href="mailto:epost">epost</a>
```

 

epost är alltså formulärvärdet.

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

## #2 — Peter S, 2004-11-18T10:51Z

```
<script type="text/javascript">

function f(obj){
    var elms = obj.childNodes,
	iLen = elms.length,
	a    = document.createElement("a"),
	val  = obj.elements["epost"].value;

    // Kontrollera e-postadressen här

    a.href = "mailto:" + val;
    a.innerHTML = val;

    while (iLen--)
	if (elms[iLen].name && elms[iLen].name == "submit"){
	    obj.replaceChild(a, elms[iLen]);
	    break;
	}

    return false;
}

</script>

<form [b]onsubmit="return f(this)"[/b]...

<input type="submit" [b]name="submit"[/b]...
```

 :)

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

## #3 — costodia, 2004-11-18T12:30Z

jag har lagt upp koden som du skrev den, på 
<http://www.sveriges.com/mailisar/formular_niklasson_1.asp>

men nu händer det ingenting när man trycker på submitknappen

kan det ha med att göra att 

```
 onsubmit="return f(this)"
```

 inte finns definierat någon annanstans, eller behövs inte det?

Jag är helt novis på javascript, och kommer från asp-världen där det känns som allt måste definieras...

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

## #4 — Peter S, 2004-11-18T12:44Z

Det beror på att jag utgick från ditt formulärexempel i första inlägget, vilket jag ej borde ha gjort eftersom du skrev "nästan"  ;) 

```
function f(obj){
    var elms = obj.getElementsByTagName("input"),
	i    = 0,
	a    = document.createElement("a"),
	val  = obj.elements["epost"].value,
	elm;

    // Kontrollera e-postadressen här

    a.href = "mailto:" + val;
    a.innerHTML = val;

    while (elm = elms.item(i++))
	if (elm.name == "submit"){
	    elm.parentNode.replaceChild(a, elm);
	    break;
	}

    return false;
}
```

 :)

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

## #5 — costodia, 2004-11-18T14:55Z

tack,
fast nu blev det inte riktigt som jag tänkt mig, även fast det var ett riktigt häftigt skript.

såhär blev det

![](http://www.sveriges.com/innovation/form_wf.jpg) 

men jag ville att det skulle genreras en htmlkod i rutan och sen skulle den skickas vidare till skriptet som ligger på niklasson.net, som i sin tur skickar att mail till mig,
och i det mailen vill jag ha html-generead kod så att jag snabbt kan klistra in mailet på min brevvänsida, men html:en klar.

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

## #6 — Peter S, 2004-11-18T15:01Z

Skall HTML-koden hamna i rutan "Meddelande", efter själva meddelandet?

 :)

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

## #7 — costodia, 2004-11-18T16:00Z

ja, precis så att värdet i "epost" blir

```
<a href="mailto:martin3@home.se">martin3@home.se</a>
```

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

## #8 — Peter S, 2004-11-18T16:05Z

Kan detta vara rätt?

```
<form onsubmit="var ep=this.elements['epost'];ep.value='<a href=&#092;'mailto:'+ ep.value +'&#092;'>'+ ep.value +'</a>'" method="post" action="http://www.niklasson.net/form/mail.php">
```

 :)

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

## #9 — costodia, 2004-11-18T19:12Z

helt perfekt!

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/116161-byta-till-html-kod-i-ett-formulär