无法从javascript中动态创建的文本字段中获取数据[关闭]

I have a small project where i created text fields based on user input.

$('#arraySizeButton').click(function() {
var arraySize = $("#arraySize").val();
if(arraySize=='') {
    alert("Enter Some Text In Input Field");
}else{
    var count = arraySize;
    var html = [];
    while(count--) {
      html.push("\<input type='text' id='inputTextField", count, "'>");
    }
    $('#inputTextFieldsarea').append(html.join(''));
}
});

I want to create a dynamic program based on above code and retrieve data from textfields to an array. Appreciate your help.

Did you mean this?

html.push("<input type='text' id='inputTextField"+count+"'/>");

What you should do is add a [] to the name of the input, to let the html form know that this is an array.

You should do something like that:

html.push("\<input name='field[]' type='text' id='inputTextField", count, "'>");

And using php to get the content of all the POSTed fields you could simply check

$_POST['field']

which is an array.

EDIT: IF you want to do this using jquery as you stated in your comment, then you could do it like that:

$('[id^="inputTextField"]').each(function() { 
    alert($(this).val()); 
});