[JavaScript] jQuery Dynamic Form

Dieses Thema im Forum "Webentwicklung" wurde erstellt von furious1, 11. November 2010 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 11. November 2010
    jQuery Dynamic Form

    Hi,

    wollte mal etwas mit jQuery ausprobieren. Und zwar sollte, sobald man ne Datei auswählt, automatisch ein weiteres Inputfeld eingefügt werden. Leider hört das ganze nach dem 1. eingefügten Feld auf

    HTML:
     <div id="multiupload">
     <input type="file" id="file_1" name="file[]" />
     </div>
     <script type="text/javascript">
     $('div input:last-child').change(function() {
     var x = $('div input:last-child').attr('id').substr(5);
     var y = 'file_' + (parseInt(x) + 1);
     $('div#multiupload').append('<input type="file" id="'+y+'" name="file[]" />');
     })
     </script>
    Wo liegt der Fehler? ^^

    Danke schon mal an alle!
     
  2. 11. November 2010
    AW: jQuery Dynamic Form

    es irgentwie so machen, dass per klick auf "durchsuchen" ein neues Feld kommt...

    oder:jQuery Multiple File Upload Plugin v1.48 (2013-02-19)
    schau auch mal hier nach
    Multiple File Upload With Progress Bar Using jQuery
     
  3. 11. November 2010
    AW: jQuery Dynamic Form

    Den Eventlistener wird hier einmalig an das Letzte Input gehängt und somit nach dem einfügen des neuen inputs nicht an das neue.
    HTML:
    $('div input:last-child').change(function() {

    Mit LIVE wird der Eventlistener an jedes neue input mit dem type FILE gehängt

    Sollte so Funktionieren:
    HTML:
    $('div input[type="file"]').live("change", function() {
     
  4. 11. November 2010
    AW: jQuery Dynamic Form

    öhm... ja so funktioniert das auch bereits.

    @Nanobyte: Danke! So gehts
     
  5. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.