js 添加、删除input

<div id="params_div" style="padding-left:35px;margin-top: -20px; " >
键:<input id="param_key_0" value="" class="form-control" />&nbsp;&nbsp;&nbsp;&nbsp;值:<input id="param_value_0" class="form-control" />
<button type="button" class="btn btn-default btn-sm" id="addInput1" onclick="addInput();" >新增</button>
</div>

 var count=1;

/*新增 行 */
function addInput() {
$("#addInput1").before("<br/><span>键:</span><input type='text' class='form-control' id='param_key_"+count+"' /><span>&nbsp;&nbsp;&nbsp;&nbsp;值:</span><input type='text' class='form-control' id='param_value_"+count+"' /><button type='button' class='btn btn-default btn-sm' onclick='delInput(this);' >删除</button>");
count++;
}

 

/*删除 行*/
function delInput(obj) {
$(obj).prev().remove();
$(obj).prev().remove();
$(obj).prev().remove();
$(obj).prev().remove();
$(obj).prev().remove();
$(obj).remove();
count--;
}

posted @ 2017-03-09 17:09  大醉  阅读(1321)  评论(0编辑  收藏  举报