Javascript 如何动态获取文本框的值？

我在添加按钮上动态添加三个文本框单击。。。 这三个文本框在同一个div标签中。。。 每个文本框都有不同的名称

所以我创建一个新的div，每次我点击ADD按钮时都有三个文本框

现在我想访问文本字段输入的值。。。如何访问

    <div class="ord" id="parent">

    </div>
    <button type="button" class="btn btn-primary fa fa-plus add btn-xs"> Add </button> 

添加

JS

var items=“”
+ ""
+ ""
+ ""
$（'.add'）。在（“单击”，函数（）上）{
div_id=div_id+1
美元（“.ord”）。追加（“”+项目+“”）；
})

我有所有div标签的Id数组。。。类似于[第1项、第2项、第3项]

---

如何访问所有文本字段输入的文本？？？

使用

.forEach

和

在选择元素时将
id
与
#
连接（使其有效
id
选择器）


['item1'，'item2'，'item3'].forEach（函数（项）{
$（“#”+项）。查找（'input'）。每个（函数（）{
console.log（this.value）；
});
});
您可能应该在输入中添加
type=“text”


另外，请注意，在您的代码中，您将有多个相同id的事件发生。这绝对不是好事

在这里，找到一个更好的代码来避免：


var项目=[]；
var div_id=0；
//制作一个函数，使每个#med、#qua和#rem只出现一次
函数getInputs（id）{
var输入=”；
输入+=''；
输入+=''；
输入+=''；
输入+=''；
输入+=''；
返回输入；
}
//当您单击“添加”按钮时
$（“.add”）。在（“单击”，函数（）{
var currentId=“item”+div_id；//仅出现一次#item0、#item1等。
var html=“”；
html+=''；
html+=getInputs（div_id）；
html+=“关闭”；
html+=''；
$（“.ord”）.append（html）；
items.push（当前ID）；
div_id++；
});
//当你点击关闭按钮时
//我们使用data-*属性来确定按钮是否是“关闭”按钮，以及它应该关闭哪个元素
$（文档）。在（“单击”、“按钮[数据删除]”上，函数（evt）{
evt.preventDefault（）；
var id=$（this）.data（“删除”）；
$（“#”+id）.remove（）；
//从项目中删除此元素
var索引=项目。索引（id）；
如果（索引！=-1）{
项目.拼接（索引，1）；
}
});
//当您更改其中一个输入中的值时
$（文档）.on（“更改”，输入[type=“text”]”，函数（）{
items.forEach（功能（项目）{
$（“#”+项）。查找（'input[type=“text”]”）。每个（函数（）{
log（$（this.attr（“id”）+“=>”+$（this.val（））；
});
});
});

添加
您正在重复相同的
id
值，这可能会失败。代码中有几个问题。请检查我的答案，找到一个完整的，工作，返工。项目1是一个部门。。。在那个有三个文本框的分区里。。。我想访问三个文本框的输入值。。。怎样？？在上面的回答中，仅访问div
   var items = "<form role='form' class='form-inline' style='padding-bottom: 5px;'>"
                    + "<div class='form-group'><input id='med' placeholder='' class='form-control'></div>"
                    + "<div class='form-group' style='padding-left: 5px;'><input id='qua' placeholder='' class='form-control'></div>"
                    + "<div class='form-group' style='padding-left: 5px;'><input id='rem' placeholder='' class='form-control'></div>"

  $('.add').on("click",function(){
div_id = div_id + 1
$( ".ord" ).append('<div id="item'+div_id+'">' + items + '<button style="margin-left: 3px;" type="button" id="item'+div_id+'" class="btn btn-default btn-danger btn-xs fa fa-close" onclick=deleteitem(id)></button></form></div>');
   })

var items = ['item1', 'item2', 'item3']; // this is your "array of Id of all div tag"
items.forEach(function(item) {
    $('#' + item).find('input[type="text"]').each(function() {
        console.log($(this).val());
    }):
});