首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

怎么动态添加组件

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

如何动态添加组件
一个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/mycsdn/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"; 

热点排行