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

时间:2017-03-11 16:14:50

标签: javascript php html dynamic textfield

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

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

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

2 个答案:

答案 0 :(得分:1)

你的意思是?

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

答案 1 :(得分:0)

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

你应该做那样的事情:

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

使用php获取所有POSTed字段的内容,您只需检查

即可
  

$ _ POST [&#39;字段&#39;]

这是一个数组。

编辑:如果您想按照评论中的说明使用jquery执行此操作,那么您可以这样做:

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