[JS] Funktionsproblem - Formularfelder

[d3221]

Einen schönen Samstag Morgen an euch alle

Ich habe ein Problem... ich bin - was JS angeht - so ein blutiger Anfänger.

Meine geschriebene Funktion funktioniert soweit, dass wenn ich Formularfelder (Upload Felder) bei Klick auf einen Link hinzufügen kann -super!

Allerdings ist das Problem, wenn ich bei einem Uploadfeld eine Datei ausgewählt habe, dann per Klick ein neues hinzufügen, werden die Values der berits ausgewählten Felder geleert

Weiß da jemand einen Trick?

<script>
var uploadfelder = 2;
function add_field (titel) {
	var uploadfelder_zero = uploadfelder;
	if (uploadfelder_zero < 10) {
		var uploadfelder_zero = "0"+uploadfelder;
	}
	
  document.getElementById("felder").innerHTML += ""+titel+" "+uploadfelder_zero+": <input type=\"file\" name=\"upload_"+uploadfelder+"\"><br />";
 
  if (uploadfelder == 10) {
   document.getElementById("bottom_link").innerHTML = "<a href=\"javascript:add_field('Screenshot');\">Feld hinzufügen</a>";
  }

 uploadfelder++;
}
</script>

Vielen Dank schon einmal!!!

 

[cebito]

AW: [JS] Funktionsproblem - Formularfelder

Benutze document.createElement() und .appendChild() statt innerHTML....

<script>
var uploadfelder = 2;
function add_field () {
    var input = document.createElement('input');
    input.setAttribute('id', 'name', 'type');
    input.id = input.name = 'upload[' + uploadfelder + ']';
    input.type = 'file';
    document.getElementById('felder').appendChild(input);

    uploadfelder++;
}
</script>

 

[d3221]

AW: [JS] Funktionsproblem - Formularfelder

Also in der Variable "input" wird das "Objekt" erstellt, was später per .appendChild einfach an den bestehenden Content gehängt wird? Lässt sich das so erklären?

P.S.: Danke

 

[sokie]

AW: [JS] Funktionsproblem - Formularfelder

so ist es.