Question

I managed to add fields to submit attachments in a Drupal webform.

Now all I need is to restyle them to only allow one upload per charge plus a ‘add more button’. I need to restyle the 1 into 2. Maybe a jquery solution would be enough.

How can this easily achieved?

Answer 1

I first added programatically the 5 fields and then hide the first 4 them using the script below.

        /*Multiupload*/
        first = $('.webform-client-form').find('div[id$="-ajax-wrapper"]').first();
        first.after('<a id="addmore" href=#>'+Drupal.t("[+] Add more upload fields")+'</a>');
        $('.webform-client-form').find('div[id$="-ajax-wrapper"]').each(function(){
            $(this).hide();
            first.show();
        });

        var c = 0;
        $('#addmore').bind('click', function(e) {
            var item = $('#edit-submitted-file'+ c +'-ajax-wrapper');

            item.show();
            ++c;
             if (c == 4) {
                $('#addmore').hide();
                return false;
            }
        });