function getAllData() { var dataHtml = ''; $(".order-number").each(function() { var orderID = $(this).data('count'); var reelModel = $(this).find('#reelmodel').val(); var partnumber = $(this).find('#partnumber').val(); var partname = $(this).find('#partname').val(); var quantity = $(this).find('#quantity').val(); dataHtml += orderID + ' : '; dataHtml += '
'; dataHtml += 'Part Number: ' + partnumber + ' | ' + '
'; dataHtml += 'Part Name: ' + partname + ' | ' + '
' dataHtml += 'Reel Model: ' + reelModel + ' | ' + '
' dataHtml += 'Quantity: ' + quantity + ' | ' + '
' dataHtml += "\n

\n" }) $('#alldata').val(dataHtml); $('.btn').click(); } $(document).ready(function(){ var count = 1; $('.form_container').append('

Part Number

Part Description*

Reel Model*

Quantity*

'); $('.btn').addClass('hidden'); $('.form_submit_div').append('

SUBMIT

'); }); function addFields(count) { if (typeof (count) == 'undefined') { count = 1; $("#button-0").css('opacity','0'); } $('#button-'+count).css('opacity','0'); $('#button-remove-'+count).css('opacity','0'); count++; $('.form_container').append('

Part Number

Part Description*

Reel Model*

Quantity*

'); } function removeFields(count) { $( '[data-count="Order '+ count +'"]' ).remove(); var minus = count - 1; $('#button-'+minus).css('opacity','1'); $('#button-remove-'+minus).css('opacity','1'); var numItems = $('.order-number').length; if (numItems == 1) { $("#button-0").css('opacity','1'); } }

Overhead Reel Schematics