update

by Anu Vidhya

HTML

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<table id="billingaddtable">

</table>
<input type="button" class="update" value="Update">

CSS

.update
{
  position:absolute;
  left:400px;
  top:20px;
}

JavaScript

var arr1 = ["1","3","5","3","1"];
var arr2 = ["b1","a2","abc3","ab4","aa5","al6","aaa7","qw8","ddd9","y10","qw11","ccz12","qewqe13"];
var arr3 = ["1","3","5","2","2"];
var ind = 0;
var len1 = 0;
$(document).ready(function(){

$(".update").click(function(){

var orignalen = arr3.length;
for(var k=0;k<orignalen;k++)
{
$("#billingaddtable").append('<tr><td><input type="text" class="tt" value="'+arr3[k]+'"><input type="text" class="arrays"><table id="packs_'+k+'"><tr><td><input type="text" class="tt" value="'+arr3[k]+'"><input type="text" class="arrays1"></td></tr></table></td></tr>');
}
countfill();
});

});
function countfill()
{
var len = arr1.length;
for(var i=0;i<len;i++)
{
console.log("i");
console.log(i);
if(arr1[i]=="")
{
ind = ind+1;
}
else
{
console.log("ind");
console.log(ind);
len1 = parseInt(arr1[i]);
var vals;

 vals = arr2.splice(ind,(len1));
arr2 = ["b1","a2","abc3","ab4","aa5","al6","aaa7","qw8","ddd9","y10","qw11","ccz12","qewqe13"];

//console.log(vals);

$('#billingaddtable tr:eq('+i+')').find(".arrays").val(vals);
$('#billingaddtable > tbody > tr').contents().find('#packs_'+i+' tr:eq(' + i + ')').find('.arrays1').val(vals);
ind = ind + len1;
console.log("index after some length feild");
console.log(ind);

}

}
};