用按钮显示div

来源：百度知道 编辑：UC知道 时间：2024/07/07 17:43:41
要实现这样的效果：
页面上有一个按钮 “再添加一个”
点击后就在同一页，不进行任何提交，就直接在页面的中间的这个按钮下面多出一个层或表格。

这样的效果，在很多的人才网上都有，但我不知怎么实现。不知哪位大侠能不能指点一二。JSP,ASP。CSS都可以。
先多谢了！
实现的好的100送上。
不倒的墙头草 - 江湖新秀 四级
你的代码很好.
但是我还不知道怎么加内容啊?
一般我的内容是静态的多,也就是说可以预先在设计时就写好的.也可以动态生成.
--------------------------------------
就是说,你给的代码,添加出来的层,里面是空白没有内容的,我怎么样把我想要的内容加到添加的层里面.
多谢!

粗略的给你做了个超简单的js控制的，自己看着修改

<style type="text/css">
.a{
height:100px;
width:200px;
border:1px solid red;
margin-bottom:10px;
}
</style>

<input type="button" value="添加" onclick="addnum();" /><br>
<div id="show"></div>
<script language="javascript">
var num=1;
showdiv(num);
function addnum(){
num++;
showdiv(num);

}

function showdiv(num){
var content="";
for(i=1;i<=num;i++){
content+="<div id='a"+i+"' class='a'></div>";
}
document.getElementById("show").innerHTML=content;
}
</script>

-------------------------------
不明白你的意思，你到底要什么效果？能不能给个有这种效果的网址我看看

这个是DIV+CSS和ajax完美结合的效果。

你的意思应该是直接在本页面上面，用户可以对此页面进行删除、修改、保存、恢复等