Der Martin: Input Feld per Javascript hinzufügen

Beitrag lesen

Hi,

<body>
<span id="Test"></span>
<script type="text/javascript">
var el = document.createElement('input');
el.setAttribute('type', 'text');
el.setAttribute('name', 'text[]');
el.setAttribute('size', 40);

damit erzeugst du *einmal* beim Laden der Seite ein neues input-Element und legst es erstmal beiseite. Übrigens kannst du auch direkt auf die Eigenschaften des HTML-Elementobjekts zugreifen:

el.type = 'text';
el.name = 'text[]';
el.size = 40;

Das ist einfacher zu schreiben, sieht übersichtlicher aus - und es versteht sogar der IE ohne Probleme, während er mit setAttribute() gern mal zickt.

function addTest() {
document.getElementById('Test').appendChild(el);
}
</script>
<button onclick="addTest()"></button>

Du versuchst also, immer wieder *dasselbe* Objekt ins Dokument einzubauen. Das ist so, als wolltest du immer wieder denselben Blumentopf ans Fenster stellen. Wenn du neue Elemente willst, musst du auch neue Objekte erzeugen.

So long,
 Martin

--
There are 10 types of people in the world: Those who understand the binary system, and those who don't.