JQ如何点击加号添加一个input表单,创建后的input变减号,点击减号删除该input
3个回答
展开全部
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<div class="form-group">
<input type="text" name="text_0" value="" /><input type="button"id="b" value="添加"/>
</div>
<div id="d"></div><!-- 空的div来容纳新增的行,使得添加和文本框在同一行且添加删除正常 -->
</body>
<script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
document.getElementById("d").innerHTML+='<div id="div_'+i+'"><input name="text" name="text_'+i+'" type="text" value="" /><input type="button" value="删除" onclick="del('+i+')"/></div>';
i = i + 1;
}
function del(o){
document.getElementById("d").removeChild(document.getElementById("div_"+o));
}
</script>
</html>
展开全部
加号的按钮绑定添加方法
function addTr(obj){
$($(obj).parents("table")[0]).append("这里写新添加的那一行的html代码,这段html代码中最后的按钮是减号,且减号按钮绑定了删除方法");
}
删除方法
function deleteTr(obj){
$($(obj).parents("tr")[0]).remove();
}
function addTr(obj){
$($(obj).parents("table")[0]).append("这里写新添加的那一行的html代码,这段html代码中最后的按钮是减号,且减号按钮绑定了删除方法");
}
删除方法
function deleteTr(obj){
$($(obj).parents("tr")[0]).remove();
}
更多追问追答
追问
您好!能再详细一点吗? 这个parents("table")是啥东西?
追答
我是假设你这个是放在table里面的 ,具体怎么写需要你把现在这个部分的代码贴一下
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
<script type="text/javascript">
var addDiv=function(){
var div=document.createElement('div');
div.innerHTML='div';
document.body.appendChild(div);
};
var removeDiv=function(){
var div=document.body.getElementsByTagName('div')[0];
if(div){
div.parentNode.removeChild(div);
}
};
</script>
<button onclick="addDiv()">add div</button>
<button onclick="removeDiv()">remove div</button>
</html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<body>
<script type="text/javascript">
var addDiv=function(){
var div=document.createElement('div');
div.innerHTML='div';
document.body.appendChild(div);
};
var removeDiv=function(){
var div=document.body.getElementsByTagName('div')[0];
if(div){
div.parentNode.removeChild(div);
}
};
</script>
<button onclick="addDiv()">add div</button>
<button onclick="removeDiv()">remove div</button>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询