How do you dynamically generate text fields then call their value?

Hello,

I have searched every possible link on google and here and could not find the answer.

I am trying to create text fields depending on the user's previous passed value, and retrieve the values using a submit button later.

window.addEventListener('open', function(e){
   //alert('humm');
   var x = Ti.App.Properties.getInt('numberTeams');
   for(var i = 0; i < x ; i++){
       var t = i+1;
       var label = 'label_name' + t;
    var text = [];
 
       label = Ti.UI.createLabel({
           text: 'Team '+t+' :', 
           width: '30%',
           height: 70,
        });
        text[i] = Ti.UI.createTextField({
           width:'65%',
           height: 70,
           hintText:'Team '+t,
        });
        new_teams.add(label);
        new_teams.add(text);
        window.add(new_teams);
   }
   new_teams.add(create);
});

thank you