动态建立的一个table,点击ok按钮,显示ok按钮后面的文字,怎样实现?
时间:2011-11-28
来源:互联网
动态建立的一个table,如上图所示,如何实现当点击ok按钮,显示ok按钮后面的文字,怎样实现?
作者: herocxgood 发布时间: 2011-11-28
动态建立的一个table,如上图所示,如何实现当点击ok按钮,显示ok按钮后面的文字,怎样实现?
看不到图。。。楼主的意思是点击OK按钮,然后动态添加一个table?
作者: MuBeiBei 发布时间: 2011-11-28
button后面放个lable 控制innerHTML
作者: ifandui 发布时间: 2011-11-28
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <div id="tab_box"></div> <script> document.getElementById('tab_box').innerHTML = '<table border="1"><tr><td>1</td></tr><tr><td>2</td></tr><tr><td><input id="btn" type="button" value="OK" onclick="_click()" /><span id="s"></span></td></tr></table>'; function _click(){ document.getElementById('s').innerHTML = '111111111111'; }; </script> </body> </html>
楼主看看
作者: MuBeiBei 发布时间: 2011-11-28
下面是js function 里面的
rs.open(sqlstr,conn);
//rs.open(sqlstr,conn,1,2);
alert("2222");
var t1=document.createElement('table');
// var arrList = new ArrayList();
// while(!rs.eof)
//{
for(var i=0;!rs.eof;i++)
{
var r=t1.insertRow();
for(var j=0;j<5;j++)
{
var c=r.insertCell();
if(j==2)
{
//var msg=rs.Fields(2).value;
//alert(msg);
var msg='123'
// show(msg);
c.innerHTML="<input id='button1' type='button' value='ok' onclick= show()>"+rs.Fields(2);
var btn= document.getElementById("button1");
// alert(btn.id);
//btn.onclick=show();
}else
{
c.innerHTML=rs.Fields(j);
}
}
rs.moveNext;
// arrList.add(rs.Fields("ID"));
//arrList.add(rs.Fields("CONTENT"));
//rs.moveNext;
}
document.getElementById("table1").appendChild(t1);
t1.setAttribute("border","1");
rs.close
rs = null;
conn.close
conn = null;
下面是html
<body>
<H1>hello world!</H1>
<input type="button" value="test" onclick="ontest()">
<input type="button" value="arraylist" onclick="array()">
<div id="table1">
</div>
</body>
作者: herocxgood 发布时间: 2011-11-28
作者: herocxgood 发布时间: 2011-11-28
作者: wis2007 发布时间: 2011-11-28
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28