How to generate number with textbox by javascript?

How to generate number with textbox by javascript?

I have one textbox called main_textbox when user enter any number i call
javascript function on the onblur event of textbox and by this code
function generate_bale(){ var
bale=document.getElementById("number_of_bale").value; var boxes = "
"; for (var i=0;i<bale;i++){
boxes+="<input type='text' name='bale_numbers[]'><br><br>";
}
document.getElementById("bale_box").innerHTML = boxes;
}
I genereate number of textbox which enter in main_textbox now suppose if i
want to generate number like 1.textbox 2.textbox 3.textbox so how to print
this number in front textbox so i can identify from all generated textbox
which number of textbox is
THANX in advance