Update span with form

by Geoffrey Gazet

HTML

<form id="dropzoneFileUpload" action="/target" class="dropzone dz-clickable dz-started">
    <div class="dz-preview dz-image-preview">
        <div class="dz-details">
            <div class="dz-filename">
                <span data-dz-name>Capture du 2014-03-27 15:48:48.png</span>
            </div>
       </div>
   </div>
    <div class="dz-preview dz-image-preview">
        <div class="dz-details">
            <div class="dz-filename">
                <span data-dz-name>CGUSFastt.png</span>
            </div>
       </div>
   </div>
     <div class="dz-preview dz-image-preview">
        <div class="dz-details">
            <div class="dz-filename">
                <span data-dz-name>gaussian-blur_00354359.jpg</span>
            </div>
       </div>
   </div>
     <div class="dz-preview dz-image-preview">
        <div class="dz-details">
            <div class="dz-filename">
                <span data-dz-name>Capture du 2014-03-27 15:48:48.png</span>
            </div>
       </div>
   </div>
</form>


<input type="text" class="task" /><br />
<input type="text" class="task" /><br />
<input type="text" class="task" /><br />
<input type="text" class="task" /><br />
<input type="button" id="pouet" value="Get tasks"/>

JavaScript

var values = ['haha', 'pouet', 'tadam', 'bouloup'];

$("#pouet").click(function() {
    //var i = 0;
    $('.task').each(function(i, o){
       var span = $("#dropzoneFileUpload").find('.dz-filename span').get(i);
       $(span).html($(this).val());
    });

});