jquery add dynamic label (like excel) and field

jquery add dynamic label (like excel) and field

by pj_js15

HTML

<button class="add">
Add fields
</button>

<div class="main-container">
  
</div>

JavaScript

function convertToNumberingScheme(number) {
  var baseChar = ("A").charCodeAt(0),
      letters  = "";

  do {
    number -= 1;
    letters = String.fromCharCode(baseChar + (number % 26)) + letters;
    number = (number / 26) >> 0; // quick `floor`
  } while(number > 0);

  return letters;
}

var count = 1;

$('.add').on('click', function(){
	 $('<div>Consumer multipack(<span class="multi-pack-num">' + convertToNumberingScheme(count) +'</span>) <a href="#" class="delete">Delete</a></div>').insertBefore('.main-container');
   count++;
});

function regenerateNumLbl(){
	$('.multi-pack-num').each(function(i, e){
    i++;
    $(e).text(convertToNumberingScheme(i));
  });
  count = $('.multi-pack-num').length + 1;
}


$(document).on('click', '.delete', function(){
	//alert('remove');
  $(this).parent().remove();
  regenerateNumLbl();
});






//alert(convertToNumberingScheme(1));