怎么动态添加组件

如何动态添加组件
一个jsp页面里一个按钮,按一下就出来一个文本框,按两下出来两个,按n下出来n个, 该怎么做呢?????

--------------------------------
以下内容为自动编辑的内容，并非楼主的发贴内容,此仅用于显示而已，并无任何其他特殊作用
楼主【xuxuisme】截止到2008-08-05 01:13:33的历史汇总数据(不包括此帖)：
发帖的总数量:44 发帖的总分数:1380 每贴平均分数:31
回帖的总数量:101 得分贴总数量:27 回帖的得分率:26%
结贴的总数量:44 结贴的总分数:1380
无满意结贴数:0 无满意结贴分:0
未结的帖子数:0 未结的总分数:0
结贴的百分比:100.00% 结分的百分比:100.00%
无满意结贴率:0.00 % 无满意结分率:0.00 %
敬礼!
取消马甲机器人，请点这里：http://www.java2000.net/my****/robotStop.jsp?usern=xuxuisme

------解决方案--------------------

HTML code


<html> 
<head> 
<script>
var amount = 0;
function addText(){
    amount++;
    div1.innerHTML += "<input type=\"text\" name=\"text" + amount + "\"/>";
}
</script>
</head> 
<body> 
<input type="button" value="添加" onclick="addText()">
<div id="div1">
</div>
</body> 
</html>

------解决方案--------------------
同楼上

------解决方案--------------------

HTML code


  <input type="button" onclick="show()" value="123">
 <SCRIPT LANGUAGE="JavaScript">
 function show(){
    var text=document.createElement("input");
    //text.type="text";//input 的默认type为text
    text.value="123";
    document.body.appendChild(text)
}
 </SCRIPT>

------解决方案--------------------
同意1楼的innerHTML

------解决方案--------------------
用3楼的吧,到时候把document.body.appendChild(text)改成你要定位的父元素就好,比较容易定位,在DIV里加不好定位到你具体的页面位置

------解决方案--------------------
添加表格的一行

HTML code


<html> 
<head> 
<style>
#table1 td{
background-color:white;
}
</style>
<script>
function addText(){
    var a = table1.insertRow(); 
    a.id = "a" + table1.rows.length; 
    for(var i=0; i<table1.rows[0].cells.length; i++) 
    {
        var tc = a.insertCell();
        tc.innerText = "" + i;
    }
}
</script>
</head> 
<body> 
<input type="button" value="添加" onclick="addText()">
<table id="table1" cellpadding="1" cellspacing="1" bgcolor="black">
    <tr><td>11</td><td>22</td><td>33</td></tr>
</table>
</body> 
</html>

------解决方案--------------------

JScript code

   
var r=document.getElementById('表格id').insertRow(Rows);
 var x=r.insertCell(0);
 var y=r.insertCell(1);
 var z=r.insertCell(2);

 x.className='list_td';  // 设置样式
 z.className='list_td';
 y.className='list_td';
          
 x.innerHTML="内容1";
 y.innerHTML="内容2";
 z.innerHTML="内容3";

相关推荐