---
title: "Inputfält töms vid länktryck."
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/176073-inputfält-töms-vid-länktryck"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Melea"
published: "2008-12-30T09:29:38.000Z"
updated: "2008-12-30T18:50:53.000Z"
replies: 2
views: 406
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/176073-inputfält-töms-vid-länktryck"
---

# Inputfält töms vid länktryck.

## #1 — Melea, 2008-12-30T09:29Z

Hejsan,

Har gjort så att när man trycker på en länk läggs det till input-fält i en tabell.

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

function addInput() {

	document.getElementById('inputFields').innerHTML += '<tr>
	<td><input type="text" name="field1[]" class="TextBoxNormal" /></td>
	<td><input type="text" name="field2[]" class="TextBoxNormal" /></td>
	</tr>';

}

</script>

<table cellspacing="0" cellpadding="0" id="inputFields">
<tr>
<td style="font-weight: bold;">Field1:</td>
<td style="font-weight: bold;">Field2:</td>
</tr>
<tr>
<td><input type="text" name="field1[]" class="TextBoxNormal" /></td>
<td><input type="text" name="field2[]" class="TextBoxNormal" /></td>
</tr>
</table>

<a href="#" onclick="addInput()">Lägg till fält</a>
```

Det funkar, men om jag fyller i några input-fält och sedan trycker på länken "Lägg till fält" så rensas alla inputs per automatik.

Hur kan jag kringgå detta?

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

## #2 — Fredde Mannen, 2008-12-30T09:44Z

> **Melea skrev:**
>
> Hejsan,
> 
> Har gjort så att när man trycker på en länk läggs det till input-fält i en tabell.
>
> ```
> <script type="text/javascript">
> 
> function addInput() {
> 
> 	document.getElementById('inputFields').innerHTML += '<tr>
> 	<td><input type="text" name="field1[]" class="TextBoxNormal" /></td>
> 	<td><input type="text" name="field2[]" class="TextBoxNormal" /></td>
> 	</tr>';
> 
> }
> 
> </script>
> 
> <table cellspacing="0" cellpadding="0" id="inputFields">
> <tr>
> <td style="font-weight: bold;">Field1:</td>
> <td style="font-weight: bold;">Field2:</td>
> </tr>
> <tr>
> <td><input type="text" name="field1[]" class="TextBoxNormal" /></td>
> <td><input type="text" name="field2[]" class="TextBoxNormal" /></td>
> </tr>
> </table>
> 
> <a href="#" onclick="addInput()">Lägg till fält</a>
> ```
>
> Det funkar, men om jag fyller i några input-fält och sedan trycker på länken "Lägg till fält" så rensas alla inputs per automatik.
> 
> Hur kan jag kringgå detta?

Så här: 

```
<html>
	<head>
<script type="text/javascript">
function addInput() {
	//document.getElementById('fieldbody').innerHTML += '<tr><td><input type="text" name="field1[]" class="TextBoxNormal" /></td><td><input type="text" name="field2[]" class="TextBoxNormal" /></td></tr>';

	var tbody = document.getElementById('fieldbody');
	var tr = document.createElement('tr');
	var td1 = document.createElement('td');
	var td2 = document.createElement('td');
	
	var input1 = createField('field1[]');
	var input2 = createField('field2[]');
	
	td1.appendChild(input1);
	td2.appendChild(input2);

	tr.appendChild(td1);
	tr.appendChild(td2);

	tbody.appendChild(tr);
}

function createField(sname) {
	var input = document.createElement('input');
	input.setAttribute('type','text');
	input.setAttribute('name',sname);

	return input;
}

</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" id="inputFields">
<tr>
<td style="font-weight: bold;">Field1:</td>
<td style="font-weight: bold;">Field2:</td>
</tr>
<tbody id="fieldbody">
	<tr>
		<td><input type="text" name="field1[]" class="TextBoxNormal" /></td>
		<td><input type="text" name="field2[]" class="TextBoxNormal" /></td>
	</tr>
</tbody>
</table>

<a href="#" onclick="addInput()">Lägg till fält</a>
</body>
</html>
```

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

## #3 — Melea, 2008-12-30T18:50Z

Försökte med det där, men fick det aldrig att funka. Tusen tack!! :)

Och gott nytt år! :bire

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/176073-inputfält-töms-vid-länktryck
