Bei Eingabe neues Formularfeld erzeugen!

guadalajara · 19.01.2006, 23:26

Hi!

Folgendes Problem:

Ich möchte dem User per Formular ermöglichen mehrere verschiedene Dateien hochzuladen. Um eine Datei hochzuladen verwende ich den HTML-Tag <input name="file1" type="file"> wenn dieses Formular-Feld gefüllt ist sollte in der nächsten Zeile sofort automatisch ein neues Formular-Feld erscheinen am besten einfach so <input name="file2" type="file"> wenn dieses Feld gefüllt ist sollte das nächste erscheinen usw usf... der name muss sich auch verändern, da ich das Ganze mit PHP weiterbearbeiten muss.
Wie löse ich das ist das überhaupt möglich?

mfg guadalajara

321 · 20.01.2006, 01:17

zB. indem Du gleich mal die Felder anlegst, aber als Hidden und sie dann auf 'File' änderst, wenn das vorangehende gefüllt ist. (onblur und value ungleich Leer)

Malleus · 21.01.2006, 02:27

Meinst Du so etwas?

PHP-Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Malleus Test</title>

<script type="text/javascript">

var controlCounter=1;



function check4NewControl(myControl)

{

    if (myControl.value)

    {

        var newFileControl=document.createElement("input");

        newFileControl.setAttribute("type","file");

        newFileControl.setAttribute("name","file"+(++controlCounter));

        newFileControl.onchange=function(){check4NewControl(this)};



        myControl.form.appendChild(document.createElement("br"));

        myControl.form.appendChild(newFileControl);

    }

}



function checkIt()

{

var myElements=document.forms[0].elements;

for (var i=0;i<myElements.length;i++)

    alert(myElements[i].name+":"+myElements[i].value);

}

</script>

</head>



<body>

<button onclick="checkIt()">checkIt</button>

<form>

<input type="file" name="file1" onchange="check4NewControl(this)">

</form>

</body>

</html>

Testlink

Wenn Du etwas nicht verstehst, einfach nachfragen!

tschau

Frank