Avatar billede kak Nybegynder
03. december 2003 - 09:20 Der er 5 kommentarer og
1 løsning

Tilføje <input type=file> i <div>

Jeg vil gerne automatisk tilføje nye <input type=file...> felter, efterhånden som brugeren vælger filer.

Koden ser således ud:
function addBox(nbr)
{
nbrNew = nbr + 1;
boxes.innerHTML = boxes.innerHTML + '<input type="file" name=File'+nbr+' id=File'+nbr+' size="80" onchange="addBox('+nbrNew+');"></input><br>';
}

Det virker også, da der bliver tilføjet nye felter som ønsket, men indholdet af de tidligere felter bliver slettet.

Det virker fint med <input type=text...> så det skyldes nok at der er så mange begrænsninger på <input type=file..>, men kan man ikke gøre noget andet?
Kan man ikke blot tilføje noget til et <div>-tag, uden at "kopiere" det indhold der allerede er der?
Avatar billede mm12010 Nybegynder
03. december 2003 - 10:26 #1
hvor mange felter handler det om?
Avatar billede kak Nybegynder
03. december 2003 - 10:40 #2
Det ved jeg ikke på forhånd. Men jeg kan f.eks. godt lave et max på 10 felter.
Avatar billede mm12010 Nybegynder
03. december 2003 - 10:56 #3
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tilf&oslash;je &lt;input type=file&gt; i &lt;div&gt;</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
function addBox(nbr){
    if(nbr.value!=""){
        nbrNew = parseInt(nbr.substr(nbr.length-1,1)) + 1;
        document.getElementById('file_'+nbrNew).style.display='block';
        }
    }
</script>
</head>
<body>
<form action="?submit=true" method="post" enctype="multipart/form-data" name="form1">
  <div id="file_1" style="display:block;"><input type="file" name="file1" id="file1" onChange="addBox(this.id)"></div>
  <div id="file_2" style="display:none;"><input type="file" name="file2" id="file2" onChange="addBox(this.id)"></div>
  <div id="file_3" style="display:none;"><input type="file" name="file3" id="file3"></div>
</form>
</body>
</html>
Avatar billede mm12010 Nybegynder
03. december 2003 - 10:57 #4
så kan du selv tilføje det antal felter du ønsker
Avatar billede kak Nybegynder
03. december 2003 - 11:38 #5
Kanon! Smider du lige et svar, så du kan få point?!
Avatar billede mm12010 Nybegynder
03. december 2003 - 11:45 #6
kast :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester