js 动态生成多个input框 50
点击‘增加一组百分比’按钮生成一组input框组点击‘增加一个liveId’按钮生成一行两个input+删除此组...
点击‘增加一组百分比’按钮生成一组input框组点击‘增加一个liveId’按钮生成一行两个input+删除此组
展开
展开全部
这种题，主要还是静下心来，不需要要有什么思路，只要一步步来就行；
首先，点击增加，我们需要出发一个点击事件click；
然后，增行，我们需要在本行的下一行增加一个<input>，此时别想删除，等把增行做好之后，再考虑怎么删除；
最后，哪一步不会做百度一下就好。
以后遇到这种问题，如果不知道怎么解决，那么先做，哪里不会了，问问同事或以前同学，或百度，这是一个提升个人能力的过程。
首先，点击增加，我们需要出发一个点击事件click；
然后，增行，我们需要在本行的下一行增加一个<input>，此时别想删除，等把增行做好之后，再考虑怎么删除；
最后，哪一步不会做百度一下就好。
以后遇到这种问题，如果不知道怎么解决，那么先做，哪里不会了，问问同事或以前同学，或百度，这是一个提升个人能力的过程。
追问
emmmm 增加一行是会的
问题是在如何增加了一大组之后 在内部增加新的行
追答
这个简单呀，每行都有不同的标识表示，比如id或calss，但是它们的命名不能一样。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script src='https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>
</head>
<body>
<div id='app'>
<button onclick='Percentage()'>百分比</button>
<button onclick='LiveId()'>liveId</button>
</div>
<script>
function Percentage() {
let html = "<div><input type='text' />% </div>";
$('#app').append(html);
}
function LiveId() {
let html = "<div>\
<input type='text' placeholder='直播ID' /> \
<input type='text' placeholder='直播名称' /> \
<button onclick='del(this)'>删除此组</button> \
</div>";
$('#app').append(html);
}
function del(el) {
$(el).parent().remove();
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
