---
title: "Dynamisk antal input element i en form...."
type: "forum-thread"
url: "https://www.webforum.nu/amne/php/150916-dynamisk-antal-input-element-i-en-form"
topic: "PHP"
topic_url: "https://www.webforum.nu/amne/php"
author: "swede"
published: "2006-09-04T18:59:07.000Z"
updated: "2006-09-07T11:56:40.000Z"
replies: 4
views: 296
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/php/150916-dynamisk-antal-input-element-i-en-form"
---

# Dynamisk antal input element i en form....

## #1 — swede, 2006-09-04T18:59Z

Jag har en form i stil med:

```php
<form name="form1" method="POST" action="testpost.php">
        Hund : <input name="hund[0]" type="text"/><br/>
        <input name="add" type="submit" /><br/>
</form>
```

 

Nu vill jag att det ska vara möjligt att lägga till fler hundar, om man har,
i samma post...

Hur gör jag för att dynamiskt kunna skapa fler Hund fält, typ ?

```php
<form name="form1" method="POST" action="testpost.php">
        Hund : <input name="hund[0]" type="text"/><br/>
        Hund : <input name="hund[1]" type="text"/><br/>
        <input name="add" type="submit" /><br/>
</form>
```

 

Kan jag ha flera formar i varandra?
Ska jag använda mig av java script?

//Johan

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

## #2 — Fuel, 2006-09-04T19:26Z

name="hund\[\]"

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

## #3 — swede, 2006-09-04T19:43Z

Men jag vill dynamiskt öka antalet hundar....
Så att man kan lägga till hund efter hund innan man postar till databasen...

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

## #4 — TheMagnus, 2006-09-07T09:02Z

Vet inte om du redan lyckats lösa detta, men jag hade lite långtråkigt och satte mig ner för att spåna lite på din idé med dynamiskt antal input-fält. Kom fram till följande idé på hur man skulle kunna lösa detta:

```
<html>
<head>
<script language="javascript">
function moredogs(id){
  what = document.getElementById('div_hund'+id)
  if(what.style.display == 'block'){
    what.style.display = 'none';
  } else {
    what.style.display = 'block';
  }
}
</script>
<style type="text/css">
#div_hund2, #div_hund3, #div_hund4, #div_hund5{
  display: none;
}
</style>
</head>
<body>

<form name="form1" method="post" action="testpost.php">

<div id="div_hund1">
<label for="txt_hund1">Hund: </label>
<input type="text" id="txt_hund1" name="hund[]" />
<input type="button" onclick="moredogs(2);" value="+" />

<div id="div_hund2">
<label for="txt_hund2">Hund: </label>
<input type="text" id="txt_hund2" name="hund[]" />
<input type="button" onclick="moredogs(3);" value="+" />

<div id="div_hund3">
<label for="txt_hund3">Hund: </label>
<input type="text" id="txt_hund3" name="hund[]" />
<input type="button" onclick="moredogs(4);" value="+" />

<div id="div_hund4">
<label for="txt_hund4">Hund: </label>
<input type="text" id="txt_hund4" name="hund[]" />
<input type="button" onclick="moredogs(5);" value="+" />

<div id="div_hund5">
<label for="txt_hund5">Hund: </label>
<input type="text" id="txt_hund5" name="hund[]" />

</div>
</div>
</div>
</div>
</div>

<input name="add" type="submit" />

</form>

</body>
</html>
```

Divvarna kan du ju så klart framställa med en for-sats i PHP istället. Men det löser du säkert själv på en halvmiss. :)
Sen finns det en massa pill och trixs på hur man kan förbättra koden, men det är en början iaf.  :bire

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

## #5 — swede, 2006-09-07T11:56Z

Ska prova så fort jag kommer hem!!!

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

---

Tråden på webben: https://www.webforum.nu/amne/php/150916-dynamisk-antal-input-element-i-en-form
