动态生成input删除和获取数据

 //先看图片

 //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();
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值