//先看图片
//html
<div class="modal-body" id="centerIpGroup">
<form id="daily-add-form" role="form">
<label class="input-group-addon" id="basic-addon5"></label>
<button class="btn btn-save" type="button" id="addCenterIpGrpBtn"
onclick="ifDaliy(this)">+添加日报
</button>
</form>
</div>
//js
var rowCount = 0;
function addCenterIpGrp(obj) {
rowCount++
html =
'<div class="row text-left" id="add_input'+rowCount+'">' +
'<div class="col-sm-11" >' +
'<div class="input-group">' +
'<span class="input-group-addon">项目代码:</span>' +
'<div class="form-group">' +
'<input type="text" class="form-control text-info" id="projectNo_add' + rowCount + '" placeholder="请输入项目代码">' +
'</div></div></div>' +
'<div class="col-sm-11" >' +
'<div class="input-group">' +
'<span class="input-group-addon">用例条数:</span>' +
'<div class="form-group">' +
'<input type="text" onkeyup="value=value.replace(/[^\\d.]/g,\'\')" class="form-control text-info" id="articleNumber_add' + rowCount + '" placeholder="请输入项目测试用例条数">' +
'</div></div></div>' +
'<div class="col-sm-11" >' +
'<div class="input-group">' +
'<label class="input-group-addon">计划投入工时:</label>' +
'<div class="form-group">' +
'<input type="text" onkeyup="value=value.replace(/[^\\d.]/g,\'\')" class="form-control text-info" id="plannedLaborHours_add' + rowCount + '" placeholder="请输入计划投入工时">' +
'</div></div></div>' +
'<div class="col-sm-11" >' +
'<div class="input-group">' +
'<label class="input-group-addon ">实际投入工时:</label>' +
'<div class="form-group">' +
'<input type="text" onkeyup="value=value.replace(/[^\\d.]/g,\'\')" class="form-control text-info" id="actuaLinputHours_add' + rowCount + '" placeholder="请输入实际投入工时">' +
'</div></div></div>' +
'<div class="col-sm-11" >' +
'<div class="input-group">' +
'<label class="input-group-addon ">投入内容:</label>' +
'<div class="form-group">' +
'<input type="text" class="form-control text-info " id="inputContent_add' + rowCount + '" placeholder="请输入投入内容">' +
'</div></div></div>' +
'<span class="input-group-btn">' +
'<button class="btn btn-save" type="button" onclick="deleteInput()" id="delCenterIpGrp">删除</button>' +
'</span>' +
'<div class="row" >' +
'<span>---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------' +
'</span>' +
'</div>' +
'</div>'
obj.insertAdjacentHTML('beforebegin', html);
}
$(function () {
/**
* 动态删除日报
*/
$(document).on('click', '#delCenterIpGrp', function () {
var el = this.parentNode.parentNode
var centerIp = $(this).parent().parent().find('#ipInput').val();
el.parentNode.removeChild(el)
})
});
//获取数据
//取到动态输入的值
for (var i = 1; i <= rowCount; i++) {
//项目代码
var projectNo = $('div .input-group #projectNo_add' + i).val();
//计划投入工时
var plannedLaborHours = $('div .input-group #plannedLaborHours_add' + i).val();
//实际投入工时
var actuaLinputHours = $('div .input-group #actuaLinputHours_add' + i).val();
//投入内容
var inputContent = $('div .input-group #inputContent_add' + i).val();
//测试用例条数
var articleNumber = $('div .input-group #articleNumber_add' + i).val();
}