Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Un aiuto per form con js-ajax! Please!

    Salve a tutti. Mi sto affacciando ora ad ajax-js, e come normale che sia ho qualche difficoltà.
    Il mio obiettivo al momento era quello di poter aggiungere in una pagina tanti campi file quanti un utente ne possa desiderare, e poter poi mandare tutti gli allegati in una volta sola.
    Al momento quello che ho fatto è ciò:


    codice:
    <script type="text/JavaScript">
    <!--
    function inserisci_campo() {
    
    // inanzitutto creiamo un nuovo nodo con campo
    immagine = document.createElement("input")
    immagine.setAttribute("type","file")
    immagine.setAttribute("name","UploadedFile")
    immagine.setAttribute("id","UploadedFile")
    aa = document.createElement("br")
    
    // poi, recuperiamo l'elemento con l'attributo ID del div 
    // e appendiamoci il nodo con il campo appena creato
    
    document.getElementById("bbb").appendChild(immagine)
    document.getElementById("bbb").appendChild(aa)
    }
    //-->
    </script>
    </head>
    <body>
    <form ENCTYPE="multipart/form-data" id="form1" name="form1" method="post" action="..upload/upload.php">
    
    
    
      <input name="UploadedFile" type="file" id="UploadedFile" />
      <input type="button" name="ss" value="Pulsante" onclick="inserisci_campo()"/>
    
    <div id="bbb"></div>
    Cioè l'aggiunta di tanti campi quanti ne voglio.

    Ora, quello che vorrei sapere è come dare un nome e un id incrementale ad ogni campo in modo che possa recuperare il contenuto di ogni campo!

    Vi ringrazio anticipatamente

    Lore

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    codice:
    <script type="text/JavaScript">
    <!--
    function inserisci_campo() {
    
       var j = 0;
       var inf = document.getElementsByTagName('input');
       for (i=0; i<inf.length; i++) {
          if (inf[i].type.toLowerCase() == 'file') ++j;  
       }
    
    
    immagine = document.createElement("input")
    immagine.setAttribute("type","file")
    immagine.setAttribute("name","UploadedFile" + j)
    immagine.setAttribute("id","UploadedFile" + j)
    aa = document.createElement("br")
    
    // poi, recuperiamo l'elemento con l'attributo ID del div 
    // e appendiamoci il nodo con il campo appena creato
    
    document.getElementById("bbb").appendChild(immagine)
    document.getElementById("bbb").appendChild(aa)
    }
    //-->
    </script>
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.