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

Question

我有一个小项目，我根据用户输入创建了文本字段。

$('#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(''));
}
});

我想根据上面的代码创建一个动态程序，并将文本字段中的数据检索到一个数组中。感谢您的帮助。

Answer 1

你是这个意思吗？

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

Answer 2

你应该做的是在输入的名称中添加一个 []，让 html 表单知道这是一个数组。

你应该这样做：

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

并使用 php 获取所有 POSTed 字段的内容，您可以简单地检查

$_POST['字段']

这是一个数组。

---

编辑：如果您想使用 jquery 来执行此操作，如您在评论中所述，那么您可以这样做：

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