利用JavaScript实现无刷新增加文本输入框
发布网友
发布时间：2022-04-30 07:09
我来回答
共4个回答
热心网友
时间：2022-04-23 05:16
<html>
<body>
<div id="textarea">
<input type="text"/>
</div>
<input type="button" value="add" onclick="addText();" />
<input type="button" value="delete" onclick="deleteText();" />
<script>
function deleteText(){
document.getElementById("textarea").removeChild(document.getElementById("textarea").firstChild);
}
function addText(){
var text = document.createElement("input");
text.type= "text";
document.getElementById("textarea").appendChild(text);
}
</script>
</body>
</html>
热心网友
时间：2022-04-23 06:34
这个很简单，实用jq框架就可以了，
热心网友
时间：2022-04-23 08:09
function addr(){
var oDiv=document.createElement('input');
document.body.appendChild(oDiv);
}
function delr(){
var a=document.getElementsByTagName('input');
document.body.removeChild(a[a.length-1]);
}
<div><input type='button' value='增行' onclick='addr()'/></div>
<input type='button' value='减行' onclick='delr()'/></div>
热心网友
时间：2022-04-23 10:00
<script type="text/javascript">
var i=0;
function add_input(){
var key=i+1;
document.getElementById('input_'+i).innerHTML='<input type="text" name="name[]" /><div id="input_'+key+'"></div>';
i=key;
}
function rece_input(){
var key=i-1;
var divObj = document.getElementById('input_'+i);
if(divObj)
divObj.innerHTML='';
i=key;
}
</script>
<input type="text" name="name[]" />
<div id="input_0"></div>
<input type="button" name="add" value="添加" onclick="add_input()" />
<input type="button" name="add" value="减少" onclick="rece_input()" />
