RISOLTO Aggiungere elementi a un div in Javascript

Pubblicità
alemian95

alemian95

Utente Attivo
Messaggi
1,199
Reazioni
374
Punteggio
72
Salve a tutti, pochi giorni fa ho chiesto come eseguire l'upload multiplo di immagini usando una volta soltanto l'input di tipo file, ora funziona ma, per vari motivi, mi sono reso conto che seppur mi avete fornito un metodo molto veloce, non fa al caso mio così ho deciso di virare su un metodo alternativo, che mi consentirebbe di aggiungere un tag <input> ogni molta che premo un pulsante.

Codice: 
<script type="text/javascript" src="jquery-1.3.2.js"></script>
  <script type="text/javascript">
  var n = 1;
  function add_img () {
    n++;
    $("#images").append('<input type="file" name="img_' + n + '" />');
  }
</script>

<div id="images">
  <input type="file" name="img_1" />
</div>
<a href="javascript:add_img();">Aggiungi</a>

Ho creato questo codice ma non funziona, qualcuno può trovare l'errore?
Grazie in anticipo a tutti.
 
Lo hai scritto cosi' ?
Codice: 
<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <script type="text/javascript" src="jquery-1.3.2.js"></script>
</head>
<body>
    <script type="text/javascript">
        var n = 1;
        function add_img() {
            n++;
            $("#images").append('<input type="file" name="img_' + n + '" />');
        }
    </script>

    <div id="images">
      <input type="file" name="img_1" />
    </div>
    <a href="javascript:add_img();">Aggiungi</a>
</body>
</html>
Testato su IE10 e funziona.
 
Codice: 
<script type="text/javascript">
        var n = 1;
        function add_img () {
            n++;
            $("#images").append('<input type="file" name="img_' + n + '" size="20" />');
        }
</script>

Questo non l'ho messo dentro il body ma dentro l'head, per il resto è uguale.
Quando clicco su "Aggiungi" però, non succede nulla. Uso Chrome 49.0.2623.87 m
 
A me funziona anche su Chrome, controlla la console premendo F12.

- - - Updated - - -

Hai jquery nella stessa cartella del html vero ?
 
Mursey ha detto:
A me funziona anche su Chrome, controlla la console premendo F12.

- - - Updated - - -

Hai jquery nella stessa cartella del html vero ?
Clicca per espandere...

Dalla console mi appaiono i seguenti errori

- Failed to load resource: the server responded with a status of 404 (Not Found) http :// 127.0.0.1 /progetto /jquery-1.3.2.js (li ho separati perché altrimenti viene letto come link)

- 8(program):1 Uncaught ReferenceError: add_img is not defined

- 4VM306:1 Uncaught ReferenceError: add_img is not defined

EDIT:
No non è nella stessa cartella, è quello il problema?
 
Ultima modifica:
Pubblicità
Pubblicità
Indietro
Top