RISOLTO Aggiungere elementi a un div in Javascript

alemian95 · 30 Mar 2016

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.

Mursey · 30 Mar 2016

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.

alemian95 · 30 Mar 2016

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

Mursey · 30 Mar 2016

A me funziona anche su Chrome, controlla la console premendo F12.

- - - Updated - - -

Hai jquery nella stessa cartella del html vero ?

alemian95 · 30 Mar 2016

Mursey ha detto:
A me funziona anche su Chrome, controlla la console premendo F12.

- - - Updated - - -

Hai jquery nella stessa cartella del html vero ?

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?

Mursey · 30 Mar 2016

alemian95 ha detto:
No non è nella stessa cartella, è quello il problema?

E' quello.
O ce lo metti o modifichi src="jquery-1.3.2.js" con il path che hai.

alemian95 · 30 Mar 2016

Mursey ha detto:
E' quello.
O ce lo metti o modifichi src="jquery-1.3.2.js" con il path che hai.

Ora funziona grazie mille!!! :luxhello:

Cerca

RISOLTO Aggiungere elementi a un div in Javascript

alemian95

Utente Attivo

Mursey

Ospite

alemian95

Utente Attivo

Mursey

Ospite

alemian95

Utente Attivo

Mursey

Ospite

alemian95

Utente Attivo

Ci sono discussioni simili a riguardo, dai un'occhiata!

Entra

Hot: PS5 VS XBOX X/S?

Playstation 5

XBOX Series X/S

Discussioni Simili